<template>
  <div>
    <div class=" text-bold flex align-center"
         :class="bgcolorname"
    >
      <marquee scrollamount="10" behavior="scroll" direction="left">
				<span>
					<b>公告：</b>{{notice}}
				</span>
      </marquee>
    </div>

    <div class="i-layout-page-header flex justify-between align-center">
      <div class="i-layout-page-header flex align-center">

        <Tooltip content="自动生成uniapp项目" placement="bottom">
          <span class="ivu-page-header-title">可视化uniapp V1.0</span>
        </Tooltip>

      </div>

      <div class="Button flex no-wrap">



        <button type="button" class="export ivu-btn   margin-lr-xs" @click="showcodepage()">
          <i class="ivu-icon ivu-icon-ios-share-outline"></i>
          <span>真机预览</span>
        </button>

        <button type="button" class="export ivu-btn ivu-btn-success margin-lr-xs" @click="showcode()">
          <i class="ivu-icon ivu-icon-ios-share-outline"></i>
          <span>查看本页面源码</span>
        </button>
        <button type="button" @click="savepagemoban()" class="export ivu-btn ivu-btn-warning margin-lr-xs">
          <i class="ivu-icon ivu-icon-ios-share-outline"></i>
          <span>保存模板</span>
        </button>
        <button @click="savecode()" type="button" class="export ivu-btn ivu-btn-error margin-lr-xs">
          <i class="ivu-icon ivu-icon-ios-share-outline"></i>
          <span>保存代码到文件</span>
        </button>
        <button @click="exportcode()" type="button" class="export ivu-btn ivu-btn-info margin-lr-xs">
          <i class="ivu-icon ivu-icon-ios-share-outline"></i>
          <span>导出代码</span>
        </button>



        <button @click="resetpage()" type="button" class="export ivu-btn ivu-btn-error">
          <span>清空</span>
        </button>
      </div>

      <div class="i-layout-page-header text-center" style="width: 400px;">

        <Tooltip :content="'剩余次数：'+user.count" placement="bottom">
          <span v-show="loginname!='注册登录' && user.is_vip==0" class="margin-right" style="cursor: pointer;">{{ loginname }}</span>
        </Tooltip>


        <!--

                <Tooltip :content="'你好,'+loginname" placement="bottom">
                  <span v-show="loginname!='注册登录' && user.is_vip==0" class="margin-right" style="cursor: pointer;">{{ loginname }}</span>
                </Tooltip>
        -->

        <Tooltip :content="'vip截止时间：'+user.viptime" placement="bottom">
          <span v-show="loginname!='注册登录'  && user.is_vip==1" class="margin-right cuIcon-vip text-orange text-bold" style="cursor: pointer;">{{ loginname }} </span>
        </Tooltip>

        <span v-show="loginname=='注册登录'" @click="uselogin()" class="margin-right"
              style="cursor: pointer;">{{ loginname }}</span>
        <span v-show="loginname!='注册登录'" @click="logout()" class=""
              style="cursor: pointer;color: #0000CC;">退出</span>


        <span @click="dovip()" v-show="loginname!='注册登录' && user.is_vip==0"  class="text-df margin-left text-orange" style="cursor: pointer;">开通VIP</span>


        <span @click="dozanzhu()" class="text-df margin-left text-red" style="cursor: pointer;">赞助作者</span>
        <span @click="dov2()" class="text-xl text-bold margin-left text-red" style="cursor: pointer;">V2.0已更新</span>
      </div>
    </div>
    <Row class="ivu-mt box-wrapper flex no-wrap" style="flex-wrap: nowrap;">
      <Col span="2" class="left-wrapper margin-left">
        <Menu :theme="theme3" @on-select="tosetnav" :active-name="sortName" width="auto">
          <MenuGroup>
            <MenuItem :name="item.id" class="menu-item" :class="item.id==currentnav?'showOn':''"
                      v-for="(item,index) in labelSort" :key="index">{{ item.name }}</MenuItem>

            <MenuItem name="888" class="menu-item"> 加入QQ群
            </MenuItem>



          </MenuGroup>
        </Menu>
      </Col>

      <Col span="4" class="left-wrapper" style="height: 80vh;max-width: 300px; overflow-y: scroll;">

        <Collapse v-model="value2" v-show="currentnav ==6">
          <Panel name="1">
            基础组件<i class="text-red">(拖拽到手机框内)</i>
            <div slot="content" class="btnlist">

              <button v-for="item3 in columns1" draggable="true"
                      @dragstart="handleDragStart($event, item3)"
                      @dragover.prevent="handleDragOver($event, item3.lable)"
                      @dragenter="handleDragEnter($event, item3.lable,item3.lablename)"
                      @dragend="handleDragEnd($event, item3.lable,item3.lablename,'1',{})"
                      @click="handleDragEnd($event, item3.lable,item3.lablename,'99',{})"
                      type="button"
                      class="bnt ivu-btn ivu-btn-primary">
                <!---->
                <span>{{ item3.lablename }}</span>
              </button>

            </div>

          </Panel>

          <Panel name="2">
            容器组件

            <div slot="content" class="btnlist">

              <button v-for="item3 in formcolumns8" draggable="true"
                      @dragstart="handleDragStart($event, item3)"
                      @dragover.prevent="handleDragOver($event, item3.lable)"
                      @dragenter="handleDragEnter($event, item3.lable,item3.lablename)"
                      @dragend="handleDragEnd($event, item3.lable,item3.lablename,'1',{})"
                      @click="handleDragEnd($event, item3.lable,item3.lablename,'99',{})"
                      type="button"
                      class="bnt ivu-btn ivu-btn-primary">
                <!---->
                <span>{{ item3.lablename }}</span>
              </button>

            </div>

          </Panel>
          <Panel name="3">
            表单组件
            <div slot="content" class="btnlist">

              <button v-for="item3 in formcolumns1" draggable="true"
                      @dragstart="handleDragStart($event, item3)"
                      @dragover.prevent="handleDragOver($event, item3.lable)"
                      @dragenter="handleDragEnter($event, item3.lable,item3.lablename)"
                      @dragend="handleDragEnd($event, item3.lable,item3.lablename,'1',{})"
                      @click="handleDragEnd($event, item3.lable,item3.lablename,'99',{})"
                      type="button"
                      class="bnt ivu-btn ivu-btn-primary">
                <!---->
                <span>{{ item3.lablename }}</span>
              </button>
            </div>
          </Panel>
        </Collapse>

        <div class="ivu-modal-header" v-show="currentnav ==9">
          <div class="ivu-modal-header-inner">我的组件<i class="text-red">(保存修改好的组件-也可拖拽)</i></div>
        </div>

        <div class="content flex justify-around  flex-wrap" v-show="currentnav ==9">

          <div class="margin-xs box mycard padding-sm" v-for="(item1,index) in labelLists"
               draggable="true"
               @dragstart="handleDragStart($event, item1)"
               @dragover.prevent="handleDragOver($event, item1.name)"
               @dragenter="handleDragEnter($event, item1.name)" @dragend="handleDragEnd($event, item1,'2','1')"
               @click="handleDragEnd($event, item1.nameen,item1.name,'99')"
               style="cursor: pointer;">
            <div style="text-align:center">
              <h3>{{ item1.name }}</h3>
              <p>{{ item1.add_time }}</p>
            </div>
          </div>

        </div>


        <Tabs v-show="currentnav ==10" v-model="choosemoban">

          <Tab-pane label="公共模板" name="publicmoban">

            <div class="flex justify-around flex-wrap mar">

              <div class="margin-xs mycard " v-for="(item6,index6) in publicmobanLists" draggable="true"
                   @dragstart="handleDragStart($event, item6)" @click="chooseitemfun($event, item6.name)"
                   @dragover.prevent="handleDragOver($event, item6.name)"
                   @dragenter="handleDragEnter($event, item6.name)"
                   @dragend="handleDragEnd($event, item6,'66','1')" style="width: 7vw;position: relative;">
                <img style="width: 100%; min-height:80px;" alt="可拖拽到手机框里面" :src="item6.image">
                <div style="position: absolute;width: 100%;  text-align: center; bottom: 0px;">
                  <p class="text-right text-black">ID:{{ item6.id }}</p>
                  <p class="bg-cyan text-cut">{{ item6.name }}</p>
                </div>
              </div>


            </div>


          </Tab-pane>
          <Tab-pane label="我的模板" name="mymoban">

            <div class="flex justify-around flex-wrap mar">

              <div class="margin-xs mycard " v-for="(item6,index6) in usermobanLists" draggable="true"
                   @dragstart="handleDragStart($event, 'gongge')" @click="chooseitemfun($event, item6.name)"
                   @dragover.prevent="handleDragOver($event, item6.name)"
                   @dragenter="handleDragEnter($event, item6.name)"
                   @dragend="handleDragEnd($event, item6,'66','1')" style="width: 7vw;position: relative;">
                <img style="width: 100%;" alt="可拖拽到手机框里面" :src="item6.image">

                <div style="position: absolute;width: 100%;  text-align: center; bottom: 0px;">
                  <p class="text-right text-white">@yang</p>
                  <p class="bg-cyan text-cut">{{ item6.name }}</p>
                </div>
              </div>


            </div>

          </Tab-pane>
        </Tabs>


        <div v-show="currentnav ==8">

          <div class="ivu-modal-header">
            <div class="ivu-modal-header-inner">常见组件</div>
          </div>


          <div class="flex justify-around flex-wrap mar">
            <div class="margin-xs mycard "
                 v-for="(item6,index6) in labelListscommon"
                 draggable="true"
                 @dragstart="handleDragStart($event, 'gongge')" @click="chooseitemfun($event, item6.name)"
                 @dragover.prevent="handleDragOver($event, item6.name)"
                 @dragenter="handleDragEnter($event, item6.name)"
                 @dragend="handleDragEnd($event, item6.nameen,item6.name,'1',item6)"

                 style="width: 13vw;position: relative;line-height: 0px;">
              <img style="width: 100%;" alt="可拖拽到手机框里面" :src="item6.image">

              <div v-show="item6.is_dev =='1'" class="mylabel">开发中
              </div>
              <div v-show="item6.is_vip =='1'" class="mylabelvip">VIP
              </div>

              <div style="position: absolute;width: 100%;padding: 5px 0px;  text-align: center; top: 20px;">
                <p class="text-right text-white">{{ item6.nameen }}</p>
                <p class="bg-black text-cut padding-tb text-xl" style="background: #2003034f">{{ item6.name }}</p>
              </div>
            </div>


          </div>

        </div>


        <div v-show="currentnav ==3">

          <div class="ivu-modal-header">
            <div class="ivu-modal-header-inner">设计记录</div>
          </div>

          <div class="margin">
            <Timeline>
              <Timeline-item v-for="(item7,index7) in recordLists">
                <p class="time">{{ item7.add_time }}</p>
                <p class="content">{{ item7.username }}{{ item7.recordtype }}了源码
                  <a href="javascript:void(0)" @click="getrecord(item7)">打开该设计</a>
                </p>
              </Timeline-item>

            </Timeline>
          </div>

          <Page :total="1000" @on-change="changerecordpage" show-elevator></Page>
        </div>
      </Col>

      <Col span="10" class="center-wrapper" style="width: unset;max-width: unset;flex: 1;">

        <div id="iframe-wrap"   @click.prevent="showpageconfig($event)"  class="mobile-width-2">


          <div class="phoneline"></div>
          <div id="mymobile" ref="testlocation" style="
 				    background-size: cover;" :style="{'background-color':pageconfig.bgcolor?pageconfig.bgcolor:'',
 					'background-image':'url('+pageconfig.pic+')',
 					'background-position':pageconfig.bgimglocation,
 					'background-size':pageconfig.bgimgsize,
 					'background-repeat':pageconfig.bgimgrepeate,
 					}">





















            <div v-for="(item1,index1) in alldom"
                 draggable="true"
                 @dragstart="handleDragStart2($event, item1)"
                 @dragover.prevent="handleDragOver2($event, item1)"
                 @dragenter="handleDragEnter2($event, item1)"
                 @dragend="handleDragEnd2($event, item1)">
              <div draggable="false" v-show="hastoptitle && index1==0" style="height: 45px;z-index: 344377;">
              </div>


              <div v-show="index1== insertid && leftinsert" style="width: 100%;"
                   class="bg-green light text-center text-bold">
                松手插入到这里
              </div>


              <div v-show="index1== sortid && sortop" style="width: 100%;"
                   class="bg-orange light text-center text-bold">
                移动该组件松手放到这里
              </div>



              <!-- 如果是宫格的组件 -->
              <div v-show="item1.label== 'modelcomp'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',
 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <div class="cu-modal  show" :class="[
								 item1.configparam.complocation =='left'?'drawer-modal justify-start':'',
								 item1.configparam.complocation =='right'?'drawer-modal justify-end':'',
								 item1.configparam.complocation =='bottom'?'bottom-modal':'',
								 item1.configparam.complocation =='top'?'':''
								 ]" style="position: absolute;width: 82%;height: 645px;top: 60px;left: 38px;">

                  <i v-show="chooseitemindex==index1"
                     class=" bg-white ivu-icon ivu-icon-md-close-circle showdel"
                     @click="deldom($event,index1,'1')"></i>


                  <div class="cu-dialog basis-lg" :class="[
									 item1.configparam.complocation =='top' || item1.configparam.complocation ==undefined ?'widthauto':''
									 ]">
                    <div class="cu-bar bg-white justify-end padding-lr">
                      <div class="content">{{ item1.configparam.title }}</div>
                      <div class="action">
                        <div class="cuIcon-close text-black" style="font-size: 16px;"></div>
                      </div>
                    </div>

                    <div class="cu-list menu-avatar menu" style="width: 100%;">
                      <div class="cu-item " :class="[
											item1.configparam.showarrow =='1'?'arrow':'']">
                        <div v-show="item1.configparam.isimg =='1'" class="cu-avatar  lg" :class="[
												 item1.configparam.isimground =='1'?'round':'']"
                             style="background-image:url(https://ossweb-img.qq.com/images/lol/img/champion/Taric.png);">
                        </div>
                        <div class="content"
                             :style="{'left':item1.configparam.isimg==1?'75px':'unset'}">
                          <div class="text-grey">
                            <div class="text-cut">塔里克</div>
                          </div>
                          <div class="text-gray text-sm flex">
                            <div class="text-cut">
                              仁爱以及万物之美。前去攀登巨神峰寻找救赎，但他找到的却是来自星界的更高层的召唤。现在的塔里克与古代巨神族的神力相融合，以瓦洛兰之盾的身份，永不疲倦地警惕着阴险狡诈的虚空腐化之力。
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>


                    <div style="width: 100%;" :style="{
										'flex-direction':item1.configparam.paitype?item1.configparam.paitype:'',
										}" class="flex flex-wrap padding-xs" :class="[
											item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:''
											]">

                      <button v-for="(item, index) in item1.elementdata" :key="index"
                              class="cu-btn margin-xs" :class="[
												 item1.configparam.waitype?item1.configparam.waitype:'',
												 item1.configparam.neitype?item1.configparam.neitype:'',
												 item1.configparam.sizetype?item1.configparam.sizetype:'',
												 item1.configparam.isround ==1?'round':'',
												 item1.configparam.islou ==1?'light':'',
												 item1.configparam.isblock ==1?'flex-sub':'',
												 item1.configparam.bgcolor?'bg-'+item1.configparam.bgcolor:'bg-cyan'
												 ]">{{ item.btnname }}
                      </button>

                    </div>

                  </div>
                </div>


              </div>

              <div v-show="item1.label== 'onetext'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper flex justify-around" style="flex: 1;">
                    <input style="width: 120px;" maxlength="140" placeholder="请输入提示信息"
                           :placeholder="item1.configparam.placeholdertip" enterkeyhint="done"
                           autocomplete="off" type="text" :style="{
										 'background':item1.configparam.inputbgcolor?item1.configparam.inputbgcolor:'none',
										 'color':item1.configparam.inputcolor?item1.configparam.inputcolor:'#555',
										 }" class="uni-input-input">
                    <button v-show="item1.configparam.bakefix== 'label'"
                            class='cu-btn bg-green shadow'>{{ item1.configparam.backtext }}
                    </button>
                    <span v-show="item1.configparam.bakefix== 'icon'" :class="[
										  item1.configparam.iconname?'cuIcon-'+item1.configparam.iconname:'cuIcon-roundclosefill',
										  item1.configparam.iconcolor?'text-'+item1.configparam.iconcolor:'text-black'
										 ]" style="font-size: 24px;"></span>
                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'manytext'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>
                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper" style="flex: 1;">


									<textarea placeholder="请输入提示信息" :placeholder="item1.configparam.placeholdertip"
                            enterkeyhint="done" autocomplete="off" :style="{
										 'background':item1.configparam.inputbgcolor?item1.configparam.inputbgcolor:'none',
										 'color':item1.configparam.inputcolor?item1.configparam.inputcolor:'#555',
										 }" class="uni-textarea-textarea"></textarea>

                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'radio'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper" style="flex: 1;">

                    <div class="flex flex-wrap justify-between">
                      <label class=" flex align-center justify-between"
                             v-for="(item,index) in item1.elementdata">
											<span class="cuIcon-radioboxfill margin-right-xs"
                            :class="[item.choose =='1'?'text-blue':'text-gray']"
                            style="font-size: 20px;"></span>
                        <div class="diygw-checkbox-text">{{ item.name }}</div>
                        <input type="hidden" v-model="item.value">
                      </label>

                    </div>

                  </div>
                </div>

              </div>

              <div v-show="item1.label== 'select'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper flex justify-end  align-center" style="flex: 1;">

                    <div class="text-gray align-center margin-right-sm">
                      请选择
                    </div>
                    <span class="cuIcon-right" style="font-size: 18px;"></span>

                  </div>
                </div>

              </div>

              <div v-show="item1.label== 'datetime'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper flex justify-end  align-center" style="flex: 1;">

                    <div class="text-gray align-center margin-right-sm">
                      {{ item1.configparam.datetype == 1 ? '2001-10-11' : '09:22' }}
                    </div>

                    <span class="cuIcon-right" style="font-size: 18px;"></span>

                  </div>
                </div>

              </div>

              <div v-show="item1.label== 'kaiguan'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper flex justify-between  align-center" style="flex: 1;">

                    <div></div>
                    <i-switch v-model="item1.configparam.switch1"></i-switch>

                  </div>
                </div>

              </div>

              <div v-show="item1.label== 'huakuai'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper flex justify-between  align-center" style="flex: 1;">

                    <input type="range" name="slider" class="ne-range"
                           v-model="item1.configparam.huavalue"/>

                    <div class="margin-left">{{ item1.configparam.huavalue }}%</div>

                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'uploadimg'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper flex justify-between  align-center" style="flex: 1;">

                    <div class="flex align-center justify-center margin-tb-sm"
                         style="width: 65px;height: 65px;background: #ececec;">

                      <span class="cuIcon-camerafill text-gray" style="font-size: 24px;"></span>
                    </div>

                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'checkbox'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper" style="flex: 1;">

                    <div class="flex flex-wrap justify-start">
                      <label class=" flex align-center justify-between margin-right"
                             v-for="(item,index) in item1.elementdata">
											<span class="cuIcon-squarecheckfill text-green margin-right-xs"
                            style="font-size: 20px;"></span>

                        <div class="diygw-checkbox-text">{{ item.name }}</div>
                        <input type="hidden" v-model="item.value">
                      </label>

                    </div>

                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'pingfen'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-form-group "
                     :class="[item1.configparam.titlenextline=='1'?'flex-direction align-start':'']" :style="{
							   'min-height':item1.configparam.smallheight==1 ?'unset':'50px',
							   'border-bottom':item1.configparam.bottomborder==1 ?'1px solid #eee':''
							   }" style="text-align: left;width: 100%;">
                  <div v-show="item1.configparam.showtitle== '1'"
                       :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'']"
                       class="title bold margin-right-sm">{{ item1.configparam.title }}
                  </div>

                  <div class="uni-input-wrapper" style="flex: 1;">

                    <div class="flex flex-wrap justify-start">

										<span class="cuIcon-favorfill text-orange margin-right-sx"
                          style="font-size: 20px;"></span>
                      <span class="cuIcon-favorfill text-gray margin-right-sx"
                            style="font-size: 20px;"></span>
                      <span class="cuIcon-favorfill text-gray margin-right-sx"
                            style="font-size: 20px;"></span>
                      <span class="cuIcon-favorfill text-gray margin-right-sx"
                            style="font-size: 20px;"></span>
                      <span class="cuIcon-favorfill text-gray "
                            style="font-size: 20px;"></span>

                    </div>

                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'serachzujian'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width: 100%;" class="cu-bar search" :class="[
							 item1.configparam.serachbgcolor?'bg-'+item1.configparam.serachbgcolor:'bg-white'
							 ]">
                  <div class="search-form round">

                    <div class="cuIcon-search"><span></span></div>

                    <div class="uni-input-wrapper">
                      <!---->
                      <form action="" class="uni-input-form">
                        <input style="outline: none;border: none;;"
                               :placeholder="item1.configparam.searchtip" :class="[
											 item1.configparam.inputbgcolor?'bg-'+item1.configparam.inputbgcolor:''
											 ]" maxlength="140" step="" autocomplete="off" type="search" class="uni-input-input">
                      </form>
                    </div>
                  </div>

                  <div class="action" v-show="item1.configparam.bakefix =='image'">

                    <img class="round" :src="item1.configparam.imgimage" alt="" width="35" height="35">

                  </div>
                  <div class="action" v-show="item1.configparam.bakefix =='city'">
                    <span>深圳</span>
                    <span class="cuIcon-triangledownfill" style="font-size: 20px;"><span></span>
									</span>
                  </div>

                  <span v-show="item1.configparam.bakefix =='icon'" class=" text-xl margin-right-sm "
                        :class="[
									  item1.configparam.iconname?'cuIcon-'+item1.configparam.iconname:'cuIcon-home',
									  item1.configparam.iconcolor?'text-'+item1.configparam.iconcolor:'text-black'
									 ]" style="font-size: 18px;"></span>

                  <div v-show="item1.configparam.bakefix =='label'" class="action">
                    <button :class="[
									 item1.configparam.backcolor?'bg-'+item1.configparam.backcolor:'bg-green'
									 ]" class="cu-btn round">{{ item1.configparam.backtxt ? item1.configparam.backtxt : '' }}
                    </button>
                  </div>
                </div>

              </div>

              <div v-show="item1.label== 'xuanfu'" @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex flex-direction  align-center"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: absolute;z-index: 889;  width: 13%; text-align: center;"
                   :style="{

  							 'left': item1.configparam.showlocation=='zuoxia'||item1.configparam.showlocation=='zuoshang'?item1.configparam.zuoyoumove+'px':'',
  							 'right': item1.configparam.showlocation=='youxia'||item1.configparam.showlocation=='youshang'?item1.configparam.zuoyoumove+'px':'',
  							 'top': item1.configparam.showlocation=='zuoshang'||item1.configparam.showlocation=='youshang'?item1.configparam.shangxiamove+'px':'',
  							 'bottom': item1.configparam.showlocation=='zuoxia'||item1.configparam.showlocation=='youxia'?item1.configparam.shangxiamove+'px':'',
   							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',
 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>



                <div  class="cu-list grid flex justify-center flex-direction no-border " style="padding: 0px;"

                >
                  <div class="cu-item" v-for="(item, index) in item1.elementdata" :key="index" v-if="item.pic" >
                    <div class="pictrue round margin-top-xs" style="line-height: 0px;" v-show="item.imgtype==1">
                      <img class="round" :src="item.pic" style="width:35px;height:35px;"
                           v-if="item.pic && item.pic != ''"/>
                      <span class="iconfont icontupian1" v-else></span>
                    </div>
                    <div v-show="item.imgtype==1">{{ item.name }}</div>

                    <div v-show="item.imgtype==2"
                         :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                         style="font-size: 26px; margin-top: 0px; margin-bottom: 0px;">
                    </div>




                  </div>

                </div>


              </div>


              <div v-show="item1.label== 'noticelan'" @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex flex-direction  align-center"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div v-show="item1.configparam.setdan==1" style="width: 100%;" data-v-5584ec96="">

                  <div data-v-a1596656="" data-v-393a9fa8="" class=" flex justify-start align-center"
                       style="background-color: rgb(255, 249, 234);">
                    <div data-v-a2e81f6e="" data-v-a1596656=""
                         class="cuIcon cuIcon-notification padding-lr-sm"
                         style="color: rgb(255, 154, 67); font-size: 22px;" :style="{
										 'color':item1.configparam.noticecolor?item1.configparam.noticecolor:'rgb(255, 154, 67)'}">
                      <span></span>
                    </div>

                    <marquee behavior="scroll" direction="left">
										<span
                        :style="{
										 'color':item1.configparam.noticecolor?item1.configparam.noticecolor:'rgb(255, 154, 67)'}">{{ item1.configparam.content }}</span>
                    </marquee>


                  </div>


                </div>

                <div v-show="item1.configparam.setdan==2"
                     class="marquee_box flex   justify-start align-center"
                     style="width: 100%;background-color: rgb(255, 249, 234);">

                  <div data-v-a2e81f6e="" data-v-a1596656=""
                       class="cuIcon cuIcon-notification padding-lr-sm margin-right"
                       style="color: rgb(255, 154, 67); font-size: 22px;"><span></span></div>

                  <ul class="marquee_list flex align-center"
                      :class="{marquee_top:animate}">

                    <li v-for="(item, index) in item1.elementdata">{{ item.name }}
                    </li>

                  </ul>

                </div>


              </div>


              <div v-show="item1.label== 'putongtitle'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="chooseitemindex==index1 && item1.configparam.setborder!=1?'myon ':''"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 'border':chooseitemindex==index1?'2px solid #1890ff':'',

							}">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div class="cu-list menu" style="width: 100%;">
                  <div class="cu-item arrow flex align-center">
                    <div class="content" :class="[
									  item1.configparam.titlecenter==1?'text-center':'text-left'
									 ]">
										<span v-show="item1.configparam.showicon ==1" class=" text-lg " :class="[
											  item1.configparam.iconname?'cuIcon-'+item1.configparam.iconname:'cuIcon-home'
											 ]" style="font-size: 18px;"></span>
                      <span class="text-lg margin-left-xs" :class="[
										 item1.configparam.titlebold ==1?'text-bold':'',
										 item1.configparam.fontcolor1?'text-'+item1.configparam.fontcolor1:'text-black'
										 ]" style="font-size: 16px;">{{ item1.configparam.title }}</span>
                    </div>
                    <div v-show="item1.configparam.showmore ==1" class="text-gray">
                      {{ item1.configparam.morecontent }}
                    </div>
                  </div>


                </div>


              </div>


              <div v-show="item1.label== 'buzhou'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="chooseitemindex==index1 && item1.configparam.setborder!=1?'myon ':''"
                   style="position: relative;text-align: center;" :style="{
  							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div class="bg-white padding-xs" style="width: 100%;">
                  <div class="cu-steps flex justify-around">
                    <div class="cu-item "
                         :class="[index==gonggeindex?item1.configparam.choosecolor?'text-'+item1.configparam.choosecolor:'text-blue':'']"
                         v-for="(item, index) in item1.elementdata" :key="index">
                      <span :data-index="item.tabval" class="num"><span></span></span>{{item.tabname}}
                    </div>

                  </div>
                </div>


              </div>



              <div v-show="item1.label== 'dibubtn'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: absolute ; bottom: 30px;z-index: 4342;overflow: hidden;border-bottom-right-radius: 23px;border-bottom-left-radius: 23px;width: 331px;" :style="{
  							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',

 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 'border':chooseitemindex==index1?'2px solid #1890ff':'',

							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width: 100%;"  class="cu-bar tabbar">
                  <div data-cur="basics" class="action flex-sub border"
                       v-for="(item, index) in item1.elementdata">
                    <div class="cuIcon-cu-image" v-show="item.imgtype==1" style="width: none;">
                      <img class="round" :src="item.pic" style="width: 25px;height: 25px;"/>

                    </div>

                    <div v-show="item.imgtype==2"
                         :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                         style="font-size: 26px; margin-top: 10px; margin-bottom: 4px;">
                    </div>

                    <div class="text-gray text-sm">{{ item.name }}</div>
                  </div>


                </div>


              </div>


              <div v-show="item1.label== 'toptitle'" draggable="false"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: absolute;top: 57px;width: 331px;z-index:234243;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width: 100%;" class="cu-bar " :class="[
							 item1.configparam.titlebgcolor?'bg-'+item1.configparam.titlebgcolor:'bg-white'
							 ]">
                  <div class="action" v-show="item1.configparam.setback==1">
									<span class="cuIcon-back"
                        style="font-size: 20px;"><span></span></span>{{ item1.configparam.backcontent }}
                  </div>
                  <div class="content text-bold" :class="[
								 item1.configparam.contentcolor?'text-'+item1.configparam.contentcolor:'text-black'
								 ]">{{ item1.configparam.title }}
                  </div>
                </div>


              </div>
              <!-- 如果是宫格的组件 -->
              <div v-show="item1.label== 'gongge'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div class="cu-list grid "
                     :class="[item1.configparam.gongtype?'col-'+item1.configparam.gongtype:'col-4',item1.configparam.isborder =='1'?'border':'no-border',item1.configparam.ishor =='1'?'flex-direction ':' ',item1.configparam.iscard =='1'?'card-menu ':' ']">
                  <div class="cu-item" v-for="(item, index) in item1.elementdata" :key="index" style="padding:2px">
                    <div class="pictrue" style="line-height: 0px;" v-show="item.imgtype==1">
                      <img :src="item.pic" style="width:40px;height:40px;" :class="[
										 item1.configparam.isround ==1?'round':'',
										 ]">

                      <div v-show="item1.configparam.showimgtag =='1'"
                           class="cu-tag badge margin-top-sm"
                           style="margin-top: 10px;margin-left: 10px;">12
                      </div>

                    </div>

                    <div v-show="item.imgtype==2"
                         :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                         style="font-size: 30px; margin-top: 0px;"></div>


                    <div v-show="item1.configparam.showimgtag =='1' && item.imgtype==2"
                         class="cu-tag badge margin-top-sm" style="margin-top: 10px;margin-left: 10px;">
                      12
                    </div>


                    <div  style="margin-top: 2px;">{{ item.name }}</div>
                  </div>

                </div>

              </div>

              <div v-show="item1.label== 'goodslist'"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
  							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="mobile-page paddingBox"
                     style="margin-top: 0px;width: 100%;">
                  <div class="home_product">
                    <div v-show="item1.configparam.isshowhead =='1'" class="hd_nav flex bg-white"
                         :class="[
								item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:'justify-start'
								]">
                      <div class="item" :index="index" v-for="(item, index) in item1.elementdata2">
                        <p class="title"
                           :style="{
                            		'color': item1.configparam.mytitlecolor && index==gonggeindex?item1.configparam.mytitlecolor:'#333'
                            }">{{ item.name }}</p>
                        <span class="label"
                              :style="{
                        'background': item1.configparam.mytitlecolor && index==gonggeindex?item1.configparam.mytitlecolor:'#fff',
                        'color': item1.configparam.mytitlecolor && index==gonggeindex?'#fff':'#bbb'
                        }">
                        {{ item.desc }}</span>


                      </div>


                    </div>
                    <div class="list-wrapper">
                      <div class="item" v-for="(item, index) in item1.elementdata">
                        <div class="img-box">
                          <div class="empty-box">
                            <img style="border-radius: 5px;" :src="item.pic" width="152" height="152" alt="">

                          </div>
                          <!---->
                          <div v-show="item.isnew =='1'" class="label" style="background: rgb(233, 51, 35);">新品
                          </div>
                          <!---->
                        </div>
                        <div class="info">
                          <div v-show="item1.configparam.isshowtitle =='1'" class="title line2">{{ item.title }}</div>
                          <div v-show="item1.configparam.isshowoldprice =='1'" class="old-price">¥{{ item.oldprice }}
                          </div>
                          <div class="price flex justify-between">
                            <div class="flex justify-start">

                              <div v-show="item1.configparam.isshowprice =='1'" class="num"
                                   style="color: rgb(233, 51, 35);"><span
                              >￥</span>{{ item.price }}
                              </div>


                            </div>

                            <div v-show="item1.configparam.isshowsales =='1'" class="text-gray text-xs">销量：24</div>

                          </div>
                        </div>
                      </div>


                    </div>
                  </div>
                </div>


              </div>


              <div v-show="item1.label== 'mybanner'"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;line-height: 2px;" :style="{
  							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="mobile-page" style="margin-top: 0px;">
                  <div class="bg"
                       :style="{
  							      'background': 'linear-gradient(90deg, '+item1.configparam.bgcolor1+' 0%, '+item1.configparam.bgcolor2+' 100%)'}
                  "></div>
                  <div v-for="(item,index) in item1.elementdata" v-if="index==0" class="banner"
                       :style="{
  							      'padding': '0px '+item1.configparam.distance?item1.configparam.distance+'px':'0px'}
                  "><img
                      :src="item.image"
                      alt="" class=""
                      :style="{
  							      'border-radius': item1.configparam.bannerstyle==1?'10px':'0px'}"

                  ></div>
                  <div>


                    <div v-show="item1.configparam.bannerpointstyle==4" class="dot number flex"
                         :class="[
                            item1.configparam.bannerpointpos?'justify-'+item1.configparam.bannerpointpos:'justify-center'
                            ]"
                         style="padding-left: 22px; padding-right: 22px;width: 100% ">
                      <div class="num">1/3</div>
                    </div>

                    <div  v-show="item1.configparam.bannerpointstyle==1" class="dot"
                          style="padding-left: 10px; padding-right: 10px;"
                          :class="[
                            item1.configparam.bannerpointpos?'justify-'+item1.configparam.bannerpointpos:'justify-center'
                            ]">
                      <div  class="dot-item"
                            :style="{
                            'background': item1.configparam.pointcolor?item1.configparam.pointcolor:'#fff'}"
                      ></div>
                      <div  class="dot-item"></div>
                      <div  class="dot-item"></div>
                    </div>

                    <div  v-show="item1.configparam.bannerpointstyle==3"  class="dot line-dot"
                          style="padding-left: 10px; padding-right: 10px;"
                          :class="[item1.configparam.bannerpointpos?'justify-'+item1.configparam.bannerpointpos:'justify-center'
                    ]">
                      <div  class="line_dot-item"
                            :style="{
                              'background': item1.configparam.pointcolor?item1.configparam.pointcolor:'#fff'}"
                      ></div>
                      <div  class="line_dot-item"></div>
                      <div  class="line_dot-item"></div>
                    </div>

                    <div  v-show="item1.configparam.bannerpointstyle==2"   class="dot line-dot"
                          style="padding-left: 10px; padding-right: 10px;"
                          :class="[
                            item1.configparam.bannerpointpos?'justify-'+item1.configparam.bannerpointpos:'justify-center'
                      ]">
                      <div  class="line_dot-item-round"
                            :style="{
                              'background': item1.configparam.pointcolor?item1.configparam.pointcolor:'#fff'}"
                      ></div>
                      <div  class="line_dot-item-round"></div>
                      <div  class="line_dot-item-round"></div>
                    </div>

                  </div>
                </div>

              </div>


              <div v-show="item1.label== 'article'"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;line-height: 2px;" :style="{
  							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="cu-list  bg-white ">
                  <div class="cu-item  padding-tb-xs "  v-for="(item, index) in item1.elementdata">
                    <div class="flex justify-start"  :style="{
										'flex-direction':item1.configparam.imgleft?'row':'row-reverse'}">
                      <img class=" margin-lr-sm"
                           :class="[
											item1.configparam.isimground =='1'?'radius':'']"
                           :src="item.pic" width="110" alt="">

                      <div class="content margin-lr-sm">
                        <div style="height: 50px;overflow-y:scroll;width: 100%;line-height: 18px;">
                          {{item.name}}
                        </div>

                        <div class="text-gray text-sm flex justify-between" style="line-height: 15px;">

                          <div class="text-cut">
                            {{item.desc}}
                          </div>
                          <div class="text-cut">
                            {{item.time}}
                          </div>
                        </div>
                      </div>


                    </div>


                  </div>
                </div>




              </div>

              <div v-show="item1.label== 'pintuan'"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;line-height: 2px;" :style="{
  							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>



                <div  class="home_pink" style="background: rgb(255, 255, 255); margin-top: 0px;">
                  <div  class="title-wrapper">
                    <div  class="left"><img
                        src="http://pro.crmeb.net/static/images/group02.gif" alt="" class="icon" draggable="false"><span
                    >拼团活动</span>
                      <div  class="avatar-wrapper margin-left"><img
                          src=""
                          alt="" draggable="false"><img
                          src=""
                          alt="" draggable="false"></div>
                      <p  class="num">1234人拼团成功</p>
                    </div>
                    <div  class="right">更多</div>
                  </div>
                  <div  class="list-wrapper flex-wrap"  style="overflow-x: scroll;">
                    <div  class="item" style="margin-right: 10px;">
                      <div  class="img-box">
                        <img width="110" height="110"
                             src="https://img13.360buyimg.com/n8/jfs/t1/30343/20/1029/481370/5c449438Ecb46a15b/2b2adccb6dc742fd.jpg" class="radius">


                        <div  class="num">1234参团</div>
                      </div>
                      <div  class="info">
                        <div  class="title line1">娇诗茹 ulzzang原宿风学生潮韩版春夏短</div>
                        <div  class="price"><span  class="label"
                                                   style="background: rgba(255, 68, 68, 0.1); color: rgb(233, 51, 35);">拼团价</span>
                          <p  class="num" style="color: rgb(233, 51, 35);"><span
                          >￥</span>
                            234
                          </p>
                        </div>
                      </div>
                      <div  class="btn" style="background: rgb(233, 51, 35);">参与拼团</div>
                    </div>

                    <div  class="item" style="margin-right: 10px;">
                      <div  class="img-box">
                        <img width="100" height="100"
                             src="http://img.zcool.cn/community/017a4e58b4eab6a801219c77084373.jpg"
                             class="radius">



                        <div  class="num">1234参团</div>
                      </div>
                      <div  class="info">
                        <div  class="title line1">潘歌针织连衣裙</div>
                        <div  class="price"><span  class="label"
                                                   style="background: rgba(255, 68, 68, 0.1); color: rgb(233, 51, 35);">拼团价</span>
                          <p  class="num" style="color: rgb(233, 51, 35);"><span
                          >￥</span>
                            234
                          </p>
                        </div>
                      </div>
                      <div  class="btn" style="background: rgb(233, 51, 35);">参与拼团</div>
                    </div>


                  </div>
                </div>

              </div>



              <div v-show="item1.label== 'miaosha'"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;line-height: 2px;" :style="{
  							'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',
							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div class="seckill-box" style="margin-top: 0px;">
                  <div class="hd" v-show="item1.configparam.isshowhead">
                    <div class="left"><img :src="item1.configparam.pic">
                      <p>{{item1.configparam.title}}</p>
                      <div class="time" v-show="item1.configparam.isshowtime" >
                        <span class="light"  :class="['bg-' + item1.configparam.themecolor]" >00</span><em>:</em>
                        <span class="light"  :class="['bg-' + item1.configparam.themecolor]">00</span><em>:</em>
                        <span class="light"  :class="['bg-' + item1.configparam.themecolor]">00</span></div>
                    </div>
                    <div class="right">
                      更多
                    </div>
                  </div>
                  <div class="list-wrapper" style="overflow-x: scroll;">
                    <div class="list-item"  v-for="(item, index) in item1.elementdata"
                         :class="[item1.configparam.wairight?item1.configparam.wairight:'margin-right-xs']"
                    >
                      <div class="img-box">

                        <img width="110" height="110"
                             :src="item.pic"
                             alt="">
                        <div class="cu-tag discount "  :class="['line-' + item1.configparam.themecolor]">
                          {{item.zhekou}}折起
                        </div>
                      </div>
                      <div class="title line1 margin-bottom-xs">{{item.title}}</div>
                      <div class="price"><span class="label"   :class="['bg-' + item1.configparam.themecolor]">抢</span><span
                          class="text-bold text-lg"   :class="['text-' + item1.configparam.themecolor]">￥</span><span class="text-bold text-lg"  :class="['text-' + item1.configparam.themecolor]">{{item.price}}</span></div>
                    </div>
                  </div>


                </div>



              </div>


              <div v-show="item1.label== 'button'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div style="width: 100%;" :style="{
							'flex-direction':item1.configparam.paitype?item1.configparam.paitype:'',
							}" class="flex flex-wrap " :class="[
								item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:''
								]">

                  <button v-for="(item, index) in item1.elementdata" :key="index" class="cu-btn margin-xs"
                          :class="[
									 item1.configparam.waitype?item1.configparam.waitype:'',
									 item1.configparam.neitype?item1.configparam.neitype:'',
									 item1.configparam.sizetype?item1.configparam.sizetype:'',
									 item1.configparam.isround?item1.configparam.isround:'',
									 item1.configparam.islou ==1?'light':'',
									 item1.configparam.bgcolor && item1.configparam.ismylou ==2?'bg-'+item1.configparam.bgcolor:'',
									 item1.configparam.ismylou ==1 && item1.configparam.ismylousize ==1?'line-'+item1.configparam.bgcolor:'',
									 item1.configparam.ismylou ==1 && item1.configparam.ismylousize ==2?'lines-'+item1.configparam.bgcolor:'',
									 item1.configparam.isblock ==1?'flex-sub':''
									 ]">
                    <span v-show="item.imgtype==2" class="margin-right-xs" :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"></span>
                    {{ item.btnname }}
                  </button>
                </div>
              </div>

              <div v-show="item1.label== 'tabchange'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;" :style="{
 							 'display':item1.configparam.zujinshow==1 ?'block':'none',
 							 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
 							 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 							 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width: 100%;" class=" nav text-center" :class="[
									item1.configparam.bgcolor?'bg-'+item1.configparam.bgcolor:'bg-white']">
                  <div class="uni-scroll-view">
                    <div class="uni-scroll-view" style="overflow: auto hidden;">
                      <div class="uni-scroll-view-content flex" :class="[
										 	item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:'']"
                           style="overflow-x: scroll;width: 100%;">
                        <!---->
                        <div v-for="(item, index) in item1.elementdata" :key="index"
                             class="cu-item " :class="[index==gonggeindex?'cur':'',
											  item1.configparam.choosecolor && index==gonggeindex?'text-'+item1.configparam.choosecolor:'',
											  item1.configparam.tabbold==1 && index==gonggeindex?'text-bold':'',
											  item1.configparam.tabsize && index==gonggeindex?''+item1.configparam.tabsize:'text-df',
											  item1.configparam.fonttabcolor && index!=gonggeindex?'text-'+item1.configparam.fonttabcolor:'']">
                          {{ item.tabname }}
                        </div>

                      </div>
                    </div>
                  </div>
                </div>


              </div>


              <div v-show="item1.label=='imgzujian'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; line-height: 0; text-align: center; "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="text-align: left;overflow: hidden; " :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 								'display':item1.configparam.zujinshow==1 ?'block':'none',
 								'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 								'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 								 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							  'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							  'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							  'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							  'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',
								'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 								'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 								'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 								'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 								'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 								'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 								'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 								'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 								'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 								'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 								'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 								'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 								'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
  								'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,

 								}">


                  <div class="flex  flex-wrap" style="width: 100%;"
                       :style="{
                    'flex-direction':item1.configparam.paitype?item1.configparam.paitype:'',
                    }" :class="[
                    item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:'justify-start'
                    ]">

                    <div  v-for="(item,index) in item1.elementdata"
                          :class="[
                            item1.configparam.waitype?item1.configparam.waitype:'margin-lr-xs margin-tb-xs'
                            ]"
                          style="height: auto;   overflow: hidden;"
                          :style="{
                            'width':item1.configparam.imgsize?item1.configparam.imgsize+'px':'150px'
                            }"


                    >
                      <img  class="radius" style="width: 100%;height: auto;"
                            :src="item.pic"/>
                    </div>

                  </div>

                </div>

              </div>

              <!-- 'box-shadow':item1.configparam.setshadow==1?item1.configparam.shadowcolor?item1.configparam.shadowcolor+'CC ':'rgb(31 31 31 / 16%) '+item1.configparam.horshadow?item1.configparam.horshadow+'px ':'0px ' +item1.configparam.vershadow?item1.  setneiwaishadow      configparam.vershadow+'px ':'3px '+item1.configparam.mohushadow?item1.configparam.mohushadow+'px ':'3px '+item1.configparam.expandshadow?item1.configparam.expandshadow+'px ':'7px':'1px',
  -->
              <div v-show="item1.label=='tagzujian'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; text-align: center;overflow: hidden;"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">
                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width:100%;text-align: left;overflow: hidden; " :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 					 	'display':item1.configparam.zujinshow==1 ?'block':'none',
						'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
						'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
							 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

						'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 					 	'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 					 	'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 					 	'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 					 	'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 					 	'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 					 	'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 					 	'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 					 	'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 					 	'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 					 	'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 					 	'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 						'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',

 						'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,

 					 	}">

                  <div :style="{
 								'flex-direction':item1.configparam.paitype?item1.configparam.paitype:'',
 								}" class="flex flex-wrap" :class="[
 									item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:''
 									]">

                    <div class="cu-tag bg-red margin-xs" :class="[
  									item1.configparam.waitype?item1.configparam.waitype:'',
 									item1.configparam.neitype?item1.configparam.neitype:'',
 									item1.configparam.sizetype?item1.configparam.sizetype:'',
 									item1.configparam.isround ==1?'round':'',
 									item1.configparam.islou ==1?'light':'',
  									item1.configparam.bgcolor?'bg-'+item1.configparam.bgcolor:''
 									]" v-for="(item,index) in item1.elementdata">
                      {{ item.tagname }}
                    </div>

                  </div>
                </div>

              </div>

              <div v-show="item1.label=='fuzhuline'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; text-align: center;overflow: hidden;"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">
                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel" style="top:-3px;"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width:100%;text-align: left;overflow: hidden; " :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 					 	'display':item1.configparam.zujinshow==1 ?'block':'none',
 					 	'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 					 	'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
 					 		 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

						'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 					 	'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 					 	'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 					 	'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 					 	'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 					 	'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 					 	'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 					 	'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 					 	'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 					 	'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 					 	'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 					 	'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 						'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 						'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,

 					 	}">

                  <div style="margin: 5px 0; border-bottom: 1px solid #aaa;"
                       :style="{'border-bottom':item1.configparam.lineheight+'px '+item1.configparam.lineborderstyle+' ' +item1.configparam.linecolor}">
                  </div>


                </div>

              </div>


              <div v-show="item1.label=='tupianbanner'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; text-align: center;line-height: 0;"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">

                <div style="width:100%;text-align: left;overflow: hidden; " :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 								'display':item1.configparam.zujinshow==1 ?'block':'none',
 								'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 								'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 								'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 								'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 								'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 								'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 								'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 								'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 								'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 								'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 								'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 								'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 								 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 								 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',


 								'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 								}">


                  <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                     @click="deldom($event,index1,'1')"></i>
                  <div class="pcmoddile_goods">

                    <swiper :options="swiperOption" class="pcswiperimg_goods swiper-no-swiping">
                      <swiper-slide class="spcwiperimg_goods"
                                    v-for="(item,index) in item1.elementdata" :key="index">
                        <img style="width: 100%;" :src="item.image">

                        <div :class="item1.configparam.bgcolor?'bg-'+item1.configparam.bgcolor:''"
                             style="position: absolute;width: 100%;height: 20px;line-height: 20px; text-align: center; bottom: 0px;">
                          {{ item.title }}
                        </div>

                      </swiper-slide>

                    </swiper>

                  </div>

                </div>

              </div>


              <div v-show="item1.label== 'touxiangicon'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;line-height: 0;" :style="{
									 'display':item1.configparam.zujinshow==1 ?'block':'none',
									 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
									 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
									 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
									 	 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

									 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
									 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
									 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
									 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
									 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
									 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
									 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
									 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
									 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
									 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
									 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
									 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
									 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
									 }">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>


                <div
                    :style="{
											'flex-direction':item1.configparam.paitype?item1.configparam.paitype:'',
											}"
                    class="flex flex-wrap align-center" :class="[
												item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:'justify-start'
												]"
                    style="width:100%;text-align: left;min-height: 32px;position: relative;">


                  <div
                      v-for="(item,index) in item1.elementdata" :key="index">
                    <div class="cu-avatar" v-show="item.imgtype==1"
                         :class="[
											 item1.configparam.waitype?item1.configparam.waitype:'margin-xs',
											 item1.configparam.sizetype?item1.configparam.sizetype:'',
											 item1.configparam.isround ==1?'round':'',
											 ]" :style="{'background-image':'url('+item.pic+')'}">
                    </div>
                    <div v-show="item.imgtype==2"
                         :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                         :style="{'font-size': item1.configparam.iconfontsize?item1.configparam.iconfontsize+'px':''}">
                    </div>

                    <div v-show="item1.configparam.showimgtag =='1'"
                         class="cu-tag badge margin-top-xs">12
                    </div>


                  </div>

                </div>


              </div>


              <div :id="'mycompindex'+index1" v-if="item1.label== 'flexlayout'"
                   @click="chooseitemfun($event, item1,index1)"
                   draggable="true"
                   @dragover="handleDragOverflex($event, item1)"
                   @dragenter="handleDragEnterflex($event, item1,index1)"
                   @dragleave="handleDragLeaveflex($event, item1,index1)"
                   @drop="handleOnDragflex($event, item1)"
                   class="list acea-row flex justify-start align-center "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   style="position: relative;text-align: center;line-height: 0; overflow: hidden;" :style="{
									 'width':item1.configparam.width?item1.configparam.width+'px':'',
									 'height':item1.configparam.height?item1.configparam.height+'px':'',
									 'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
									 'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
									 'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
									 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
                   'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
                    'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
                    'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
                    'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',
									 'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
									 'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
									 'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
									 'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
									 'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
									 'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
									 'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
									 'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
									 'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
									 'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
									 'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
									 'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
									 'border-bottom':item1.configparam.setborder==1  && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
									 'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
									 }">



                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>
                <div v-show="item1.elementdata.length ==0"  :id="'myflex'+index1"
                     class="text-gray "
                     :class="[flexindex==index1?'myflexon ':'']"
                     :style="{
									 'height':item1.configparam.height?item1.configparam.height+'px':'80px',
									 'line-height':item1.configparam.height?item1.configparam.height+'px':'80px'}"
                     style="width:100%;text-align: left;font-size:24px; text-align: center">
                  {{flexindex==index1?'松手放入到FLEX容器':'FLEX布局'}}
                </div>


                <div v-show="item1.elementdata.length >0" :id="'myflex'+index1"

                     class="flex  text-gray"
                     :class="[flexindex==index1?'myflexon ':'',
                     chooseitemindex==index1?'myminheight':'',
                     item1.configparam.duiqitype?'justify-'+item1.configparam.duiqitype:'justify-start',
                     item1.configparam.iswrap==1?'flex-wrap':'',
                     ]"
                     style="width:100%;text-align: left;height: auto;text-align: center;"
                     :style="{'flex-direction':item1.configparam.paitype?item1.configparam.paitype:'',
                     'align-content':item1.configparam.chuiduiqitype?item1.configparam.chuiduiqitype:'flex-start`',
                     'align-items':item1.configparam.jiaoduiqitype?item1.configparam.jiaoduiqitype:'',
                     'height':item1.configparam.height?item1.configparam.height+'px':'100px'}">

                  <div style="position: relative;height: fit-content;width:fit-content;"
                       :style="{'flex': item11.configflexparam.isflex?1:'none',}"
                       v-for="(item11,index11) in item1.elementdata" :key="index11"
                       draggable="true"
                       @dragstart="handleDragStartflex($event, item11)"
                       @dragover="handleDragOverflex($event, item11)"
                       @dragenter="handleDragEnterflex444($event, item11,index11)"
                       @dragleave="handleDragLeaveflex($event, item11,index11)"
                  >
                    <div v-if="flexindex==index1 && index11==insertid1 " class="bg-blue  text-center" style="width:fit-content;line-height:initial;">插入到FLEX这里</div>

                    <i v-if="chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:23338942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                       @click="deldom($event,index11,'2')"></i>

                    <div class="noton"  v-if="item11.lable== 'wenbencontent'"
                         :style="{
                             'color': item11.configflexparam.fontcolor?item11.configflexparam.fontcolor:'',
                            'font-size': item11.configflexparam.fontsize?item11.configflexparam.fontsize+'px':'',
                            'background-color': item11.configflexparam.bgcolorchoose?item11.configflexparam.bgcolorchoose:'',
                            'background-image': item11.configflexparam.bgimage?'url('+item11.configflexparam.bgimage+')':'',
                            'background-position': item11.configflexparam.bgimglocation?item11.configflexparam.bgimglocation:'',
                            'background-size': item11.configflexparam.bgimgsize?item11.configflexparam.bgimgsize:'',
                            'background-repeat': item11.configflexparam.bgimgrepeate?item11.configflexparam.bgimgrepeate:'',
                            'text-align': item11.configflexparam.horduiqi?item11.configflexparam.horduiqi:'left',
                            'margin-right':item11.configflexparam.setwai==1 && item11.configflexparam.youwaidistance?item11.configflexparam.youwaidistance+'px':'',
                            'margin-left':item11.configflexparam.setwai==1 && item11.configflexparam.zuowaidistance?item11.configflexparam.zuowaidistance+'px':'',
                            'margin-top':item11.configflexparam.setwai==1 && item11.configflexparam.shangwaidistance?item11.configflexparam.shangwaidistance+'px':'',
                            'margin-bottom':item11.configflexparam.setwai==1 && item11.configflexparam.xiawaidistance?item11.configflexparam.xiawaidistance+'px':'',
                            'padding-right':item11.configflexparam.setnei==1 && item11.configflexparam.youneidistance?item11.configflexparam.youneidistance+'px':'',
                            'padding-left':item11.configflexparam.setnei==1 && item11.configflexparam.zuoneidistance?item11.configflexparam.zuoneidistance+'px':'',
                            'padding-top':item11.configflexparam.setnei==1 && item11.configflexparam.shangneidistance?item11.configflexparam.shangneidistance+'px':'',
                            'padding-bottom':item11.configflexparam.setnei==1 && item11.configflexparam.xianeidistance?item11.configflexparam.xianeidistance+'px':'',
                            'border-top-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangzuoround?item11.configflexparam.shangzuoround+'px':'',
                            'border-top-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangyouround?item11.configflexparam.shangyouround+'px':'',
                            'border-bottom-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiayouround?item11.configflexparam.xiayouround+'px':'',
                            'border-bottom-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiazuoround?item11.configflexparam.xiazuoround+'px':'',
                            'border':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-bottom':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-bottom' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-top':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-top' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-left':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-left' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-right':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-right' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'box-shadow':item11.configflexparam.setshadow==1? item11.configflexparam.shadowcolor+'CC' +' '+item11.configflexparam.horshadow+'px '+item11.configflexparam.vershadow+'px '+item11.configflexparam.mohushadow+'px '+item11.configflexparam.expandshadow+'px ':'' ,
                            }"
                         :class="[item11.configflexparam.contentsize?item11.configflexparam.contentsize:'',
 										     item11.configflexparam.contentcolor?'text-'+item11.configflexparam.contentcolor:'',
 										     chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',
 								        ]"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                         style="height: fit-content;width:fit-content; line-height: initial;">

                      {{ item11.configflexparam.content }}
                    </div>


                    <div v-if="item11.lable=='imgzujian'" draggable="true"
                         @dragover="handleDragOverflex($event, item11)"
                         @dragenter="handleDragEnterflex($event, item11,index11)"
                         @dragleave="handleDragLeaveflex($event, item11,index11)"
                         @drop="handleOnDragflex($event, item11)"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                         class="list acea-row"
                         style="position: relative; line-height: 0; text-align: center; "
                         :class="[item11.configflexparam.animation?'animation-' +item11.configflexparam.animation:'',chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose']">

                      <div style="text-align: left;overflow: hidden;align-content: flex-start; " :style="{'width':item11.configflexparam.shangewidth?item11.configflexparam.shangewidth+'%':'',
  								'color': item11.configflexparam.fontcolor?item11.configflexparam.fontcolor:'',
 								'font-size': item11.configflexparam.fontsize?item11.configflexparam.fontsize+'px':'',
 								 'background-color': item11.configflexparam.bgcolorchoose?item11.configflexparam.bgcolorchoose:'',
 							  'background-image': item11.configflexparam.bgimage?'url('+item11.configflexparam.bgimage+')':'',
 							  'background-position': item11.configflexparam.bgimglocation?item11.configflexparam.bgimglocation:'',
 							  'background-size': item11.configflexparam.bgimgsize?item11.configflexparam.bgimgsize:'',
 							  'background-repeat': item11.configflexparam.bgimgrepeate?item11.configflexparam.bgimgrepeate:'',
								'margin-right':item11.configflexparam.setwai==1 && item11.configflexparam.youwaidistance?item11.configflexparam.youwaidistance+'px':'',
 								'margin-left':item11.configflexparam.setwai==1 && item11.configflexparam.zuowaidistance?item11.configflexparam.zuowaidistance+'px':'',
 								'margin-top':item11.configflexparam.setwai==1 && item11.configflexparam.shangwaidistance?item11.configflexparam.shangwaidistance+'px':'',
 								'margin-bottom':item11.configflexparam.setwai==1 && item11.configflexparam.xiawaidistance?item11.configflexparam.xiawaidistance+'px':'',
 								'padding-right':item11.configflexparam.setnei==1 && item11.configflexparam.youneidistance?item11.configflexparam.youneidistance+'px':'',
 								'padding-left':item11.configflexparam.setnei==1 && item11.configflexparam.zuoneidistance?item11.configflexparam.zuoneidistance+'px':'',
 								'padding-top':item11.configflexparam.setnei==1 && item11.configflexparam.shangneidistance?item11.configflexparam.shangneidistance+'px':'',
 								'padding-bottom':item11.configflexparam.setnei==1 && item11.configflexparam.xianeidistance?item11.configflexparam.xianeidistance+'px':'',
 								'border-top-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangzuoround?item11.configflexparam.shangzuoround+'px':'',
 								'border-top-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangyouround?item11.configflexparam.shangyouround+'px':'',
 								'border-bottom-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiayouround?item11.configflexparam.xiayouround+'px':'',
 								'border-bottom-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiazuoround?item11.configflexparam.xiazuoround+'px':'',
 								'border':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
 								'border-bottom':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-bottom' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
 								'border-top':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-top' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
 								'border-left':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-left' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
 								'border-right':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-right' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
  								'box-shadow':item11.configflexparam.setshadow==1? item11.configflexparam.shadowcolor+'CC' +' '+item11.configflexparam.horshadow+'px '+item11.configflexparam.vershadow+'px '+item11.configflexparam.mohushadow+'px '+item11.configflexparam.expandshadow+'px ':'' ,

 								}">

                        <div class="flex  flex-wrap"
                             :style="{
                    'flex-direction':item11.configflexparam.paitype?item11.configflexparam.paitype:'',
                    }" :class="[
                    item11.configflexparam.duiqitype?'justify-'+item11.configflexparam.duiqitype:'justify-start'
                    ]">

                          <div  v-for="(item,index) in item11.elementdata"
                                :class="[
                            item11.configflexparam.waitype?item11.configflexparam.waitype:''
                            ]"
                                style="height: auto;   overflow: hidden;"
                                :style="{
                            'width':item11.configflexparam.imgsize?item11.configflexparam.imgsize+'px':'150px'
                            }" >
                            <img  class="radius" style="width: 100%;height: auto;"
                                  :src="item.pic"/>
                          </div>

                        </div>

                      </div>

                    </div>


                    <div  v-if="item11.lable== 'flexlayout'"
                          draggable="true"
                          @dragover="handleDragOverflex2($event, item11)"
                          @dragenter="handleDragEnterflex2($event, item11,index11,index1)"
                          @dragleave="handleDragLeaveflex2($event, item11,index11)"
                          @drop="handleOnDragflex2($event, item11)"
                          :style="{
                            'color': item11.configflexparam.fontcolor?item11.configflexparam.fontcolor:'','flex': item11.configflexparam.isflex?1:'none',
                            'font-size': item11.configflexparam.fontsize?item11.configflexparam.fontsize+'px':'',
                            'width': item11.configflexparam.width?item11.configflexparam.width+'px':'100px',
                            'height': item11.configflexparam.height?item11.configflexparam.height+'px':'80px',
                            'background-color': item11.configflexparam.bgcolorchoose?item11.configflexparam.bgcolorchoose:'',
                            'background-image': item11.configflexparam.bgimage?'url('+item11.configflexparam.bgimage+')':'',
                            'background-position': item11.configflexparam.bgimglocation?item11.configflexparam.bgimglocation:'',
                            'background-size': item11.configflexparam.bgimgsize?item11.configflexparam.bgimgsize:'',
                            'background-repeat': item11.configflexparam.bgimgrepeate?item11.configflexparam.bgimgrepeate:'',
                            'text-align': item11.configflexparam.horduiqi?item11.configflexparam.horduiqi:'left',
                            'margin-right':item11.configflexparam.setwai==1 && item11.configflexparam.youwaidistance?item11.configflexparam.youwaidistance+'px':'',
                            'margin-left':item11.configflexparam.setwai==1 && item11.configflexparam.zuowaidistance?item11.configflexparam.zuowaidistance+'px':'',
                            'margin-top':item11.configflexparam.setwai==1 && item11.configflexparam.shangwaidistance?item11.configflexparam.shangwaidistance+'px':'',
                            'margin-bottom':item11.configflexparam.setwai==1 && item11.configflexparam.xiawaidistance?item11.configflexparam.xiawaidistance+'px':'',
                            'padding-right':item11.configflexparam.setnei==1 && item11.configflexparam.youneidistance?item11.configflexparam.youneidistance+'px':'',
                            'padding-left':item11.configflexparam.setnei==1 && item11.configflexparam.zuoneidistance?item11.configflexparam.zuoneidistance+'px':'',
                            'padding-top':item11.configflexparam.setnei==1 && item11.configflexparam.shangneidistance?item11.configflexparam.shangneidistance+'px':'',
                            'padding-bottom':item11.configflexparam.setnei==1 && item11.configflexparam.xianeidistance?item11.configflexparam.xianeidistance+'px':'',
                            'border-top-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangzuoround?item11.configflexparam.shangzuoround+'px':'',
                            'border-top-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangyouround?item11.configflexparam.shangyouround+'px':'',
                            'border-bottom-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiayouround?item11.configflexparam.xiayouround+'px':'',
                            'border-bottom-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiazuoround?item11.configflexparam.xiazuoround+'px':'',
                            'border-bottom':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-bottom' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-top':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-top' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-left':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-left' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-right':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-right' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'box-shadow':item11.configflexparam.setshadow==1? item11.configflexparam.shadowcolor+'CC' +' '+item11.configflexparam.horshadow+'px '+item11.configflexparam.vershadow+'px '+item11.configflexparam.mohushadow+'px '+item11.configflexparam.expandshadow+'px ':'' ,
                            }"
                          :class="[flexindex2==index11 && flexindex==index1?'myflexon ':'',chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose noton']"
                          class="flex flex-wrap text-center noton"
                          @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                          style="width: inherit;background-color:red; ">

                      <div v-show="item11.elementdata.length ==0" class="text-gray text-bold text-xl text-center"
                           style="width:100%;line-height: 20px ">
                        FLEX布局
                      </div>




                      <!---最新加的二层flex布局--->
                      <div v-show="item11.elementdata.length >0"

                           class="flex  text-gray "
                           :class="[item11.configflexparam.duiqitype?'justify-'+item11.configflexparam.duiqitype:'justify-start',
                     item11.configflexparam.iswrap==1?'flex-wrap':'',
                     ]"
                           style="width:100%;text-align: left;height: inherit;text-align: center;overflow: hidden; "

                           :style="{'flex-direction':item11.configflexparam.paitype?item11.configflexparam.paitype:'',
                     'align-content':item11.configflexparam.chuiduiqitype?item11.configflexparam.chuiduiqitype:'flex-start',
                     'align-items':item11.configflexparam.jiaoduiqitype?item11.configflexparam.jiaoduiqitype:'',
                     'height':item11.configflexparam.height?item11.configflexparam.height+'px':'100px'}"

                      >

                        <div
                            draggable="true"
                            @dragover="handleDragOverflex22($event, item111)"
                            @dragenter="handleDragEnterflex22($event, item111,index111,index11)"
                            @dragleave="handleDragLeaveflex22($event, item111,index111)"
                            @drop="handleOnDragflex22($event, item111)"
                            style="position: relative;height: fit-content;width:fit-content;" v-for="(item111,index111) in item11.elementdata" :key="index111"
                        >

                          <div v-if="flexindex2==index11 && flexindex==index1 && index111==insertid2 " class="bg-blue  text-center" style="width:100%;line-height:initial;">插入到这里</div>

                          <div class=" noton"  v-if="item111.lable== 'wenbencontent'"
                               :style="{
                             'color': item111.configflexparam.fontcolor?item111.configflexparam.fontcolor:'',
							 'flex': item111.configflexparam.isflex?1:'none',
                            'font-size': item111.configflexparam.fontsize?item111.configflexparam.fontsize+'px':'',
                            'background-color': item111.configflexparam.bgcolorchoose?item111.configflexparam.bgcolorchoose:'',
                            'background-image': item111.configflexparam.bgimage?'url('+item111.configflexparam.bgimage+')':'',
                            'background-position': item111.configflexparam.bgimglocation?item111.configflexparam.bgimglocation:'',
                            'background-size': item111.configflexparam.bgimgsize?item111.configflexparam.bgimgsize:'',
                            'background-repeat': item111.configflexparam.bgimgrepeate?item111.configflexparam.bgimgrepeate:'',
                            'text-align': item111.configflexparam.horduiqi?item111.configflexparam.horduiqi:'left',
                            'margin-right':item111.configflexparam.setwai==1 && item111.configflexparam.youwaidistance?item111.configflexparam.youwaidistance+'px':'',
                            'margin-left':item111.configflexparam.setwai==1 && item111.configflexparam.zuowaidistance?item111.configflexparam.zuowaidistance+'px':'',
                            'margin-top':item111.configflexparam.setwai==1 && item111.configflexparam.shangwaidistance?item111.configflexparam.shangwaidistance+'px':'',
                            'margin-bottom':item111.configflexparam.setwai==1 && item111.configflexparam.xiawaidistance?item111.configflexparam.xiawaidistance+'px':'',
                            'padding-right':item111.configflexparam.setnei==1 && item111.configflexparam.youneidistance?item111.configflexparam.youneidistance+'px':'',
                            'padding-left':item111.configflexparam.setnei==1 && item111.configflexparam.zuoneidistance?item111.configflexparam.zuoneidistance+'px':'',
                            'padding-top':item111.configflexparam.setnei==1 && item111.configflexparam.shangneidistance?item111.configflexparam.shangneidistance+'px':'',
                            'padding-bottom':item111.configflexparam.setnei==1 && item111.configflexparam.xianeidistance?item111.configflexparam.xianeidistance+'px':'',
                            'border-top-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangzuoround?item111.configflexparam.shangzuoround+'px':'',
                            'border-top-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangyouround?item111.configflexparam.shangyouround+'px':'',
                            'border-bottom-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiayouround?item111.configflexparam.xiayouround+'px':'',
                            'border-bottom-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiazuoround?item111.configflexparam.xiazuoround+'px':'',
                            'border':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-bottom':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-bottom' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-top':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-top' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-left':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-left' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-right':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-right' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'box-shadow':item111.configflexparam.setshadow==1? item111.configflexparam.shadowcolor+'CC' +' '+item111.configflexparam.horshadow+'px '+item111.configflexparam.vershadow+'px '+item111.configflexparam.mohushadow+'px '+item111.configflexparam.expandshadow+'px ':'' ,
                            }"
                               :class="[item111.configflexparam.contentsize?item111.configflexparam.contentsize:'',
 										     item111.configflexparam.contentcolor?'text-'+item111.configflexparam.contentcolor:'',
 										     chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',
 								        ]"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               style="height: fit-content;width:fit-content; line-height: initial;">

                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                               @click="deldom($event,index111,'3')"></i>


                            {{ item111.configflexparam.content }}
                          </div>

                          <div v-if="item111.lable=='fuzhuline'"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               style="margin: 18px 0;width: 80px ;border-bottom: 1px solid #aaa;"
                               :style="{'border-bottom':item111.configflexparam.lineheight+'px '+item111.configflexparam.lineborderstyle+' ' +item111.configflexparam.linecolor}">

                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                               @click="deldom($event,index111,'3')"></i>


                          </div>

                          <div v-if="item111.lable=='touxiangicon'" draggable="true"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               class="list acea-row flex justify-start align-center "
                               :class="[item111.configflexparam.animation?'animation-' +item111.configflexparam.animation:'',chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"
                               :style="{
                            'color': item111.configflexparam.fontcolor?item111.configflexparam.fontcolor:'','flex': item111.configflexparam.isflex?1:'none',
                            'font-size': item111.configflexparam.fontsize?item111.configflexparam.fontsize+'px':'',
                            'background-color': item111.configflexparam.bgcolorchoose?item111.configflexparam.bgcolorchoose:'',
                            'background-image': item111.configflexparam.bgimage?'url('+item111.configflexparam.bgimage+')':'',
                            'background-position': item111.configflexparam.bgimglocation?item111.configflexparam.bgimglocation:'',
                            'background-size': item111.configflexparam.bgimgsize?item111.configflexparam.bgimgsize:'',
                             'background-repeat': item111.configflexparam.bgimgrepeate?item111.configflexparam.bgimgrepeate:'',
                            'text-align': item111.configflexparam.horduiqi?item111.configflexparam.horduiqi:'left',
                            'margin-right':item111.configflexparam.setwai==1 && item111.configflexparam.youwaidistance?item111.configflexparam.youwaidistance+'px':'',
                            'margin-left':item111.configflexparam.setwai==1 && item111.configflexparam.zuowaidistance?item111.configflexparam.zuowaidistance+'px':'',
                            'margin-top':item111.configflexparam.setwai==1 && item111.configflexparam.shangwaidistance?item111.configflexparam.shangwaidistance+'px':'',
                            'margin-bottom':item111.configflexparam.setwai==1 && item111.configflexparam.xiawaidistance?item111.configflexparam.xiawaidistance+'px':'',
                            'padding-right':item111.configflexparam.setnei==1 && item111.configflexparam.youneidistance?item111.configflexparam.youneidistance+'px':'',
                            'padding-left':item111.configflexparam.setnei==1 && item111.configflexparam.zuoneidistance?item111.configflexparam.zuoneidistance+'px':'',
                            'padding-top':item111.configflexparam.setnei==1 && item111.configflexparam.shangneidistance?item111.configflexparam.shangneidistance+'px':'',
                            'padding-bottom':item111.configflexparam.setnei==1 && item111.configflexparam.xianeidistance?item111.configflexparam.xianeidistance+'px':'',
                            'border-top-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangzuoround?item111.configflexparam.shangzuoround+'px':'',
                            'border-top-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangyouround?item111.configflexparam.shangyouround+'px':'',
                            'border-bottom-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiayouround?item111.configflexparam.xiayouround+'px':'',
                            'border-bottom-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiazuoround?item111.configflexparam.xiazuoround+'px':'',
                            'border':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-bottom':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-bottom' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-top':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-top' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-left':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-left' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'border-right':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-right' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                            'box-shadow':item111.configflexparam.setshadow==1? item111.configflexparam.shadowcolor+'CC' +' '+item111.configflexparam.horshadow+'px '+item111.configflexparam.vershadow+'px '+item111.configflexparam.mohushadow+'px '+item111.configflexparam.expandshadow+'px ':'' ,
                            }"
                               style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >

                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                               @click="deldom($event,index111,'3')"></i>

                            <div  class="flex flex-wrap align-center" :class="[
												item111.configflexparam.duiqitype?'justify-'+item111.configflexparam.duiqitype:'justify-start'
												]"
                                  style="width:100%;text-align: left;min-height: 32px;position: relative;">

                              <div
                                  v-for="(item,index) in item111.elementdata" :key="index">
                                <div class="cu-avatar" v-show="item.imgtype==1"
                                     :class="[
											 item111.configflexparam.waitype?item111.configflexparam.waitype:'margin-lr-xs',
											 item111.configflexparam.sizetype?item111.configflexparam.sizetype:'',
											 item111.configflexparam.isround ==1?'round':'',
											 ]" :style="{'background-image':'url('+item.pic+')'}">
                                </div>
                                <div class="margin-top" v-show="item.imgtype==2">
                                  <div
                                      :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                                      style="font-size: 26px;width: 25px;height: 12px;display: block">
                                  </div>
                                </div>

                                <div v-show="item111.configflexparam.showimgtag =='1'"
                                     class="cu-tag badge margin-top-xs">12
                                </div>

                              </div>

                            </div>


                          </div>

                          <div v-if="item111.lable=='imgzujian'"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               class="list acea-row"
                               style="position: relative; line-height: 0; text-align: center; "
                               :class="[item111.configflexparam.animation?'animation-' +item111.configflexparam.animation:'',chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose']">

                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel" @click="deldom($event,index111,'3')"></i>

                            <div style="text-align: left;overflow: hidden;align-content: flex-start;width:100%; " :style="{
  								'color': item111.configflexparam.fontcolor?item111.configflexparam.fontcolor:'','flex': item111.configflexparam.isflex?1:'none',
 								'font-size': item111.configflexparam.fontsize?item111.configflexparam.fontsize+'px':'',
 								 'background-color': item111.configflexparam.bgcolorchoose?item111.configflexparam.bgcolorchoose:'',
 							  'background-image': item111.configflexparam.bgimage?'url('+item111.configflexparam.bgimage+')':'',
 							  'background-position': item111.configflexparam.bgimglocation?item111.configflexparam.bgimglocation:'',
 							  'background-size': item111.configflexparam.bgimgsize?item111.configflexparam.bgimgsize:'',
 							  'background-repeat': item111.configflexparam.bgimgrepeate?item111.configflexparam.bgimgrepeate:'',
								'margin-right':item111.configflexparam.setwai==1 && item111.configflexparam.youwaidistance?item111.configflexparam.youwaidistance+'px':'',
 								'margin-left':item111.configflexparam.setwai==1 && item111.configflexparam.zuowaidistance?item111.configflexparam.zuowaidistance+'px':'',
 								'margin-top':item111.configflexparam.setwai==1 && item111.configflexparam.shangwaidistance?item111.configflexparam.shangwaidistance+'px':'',
 								'margin-bottom':item111.configflexparam.setwai==1 && item111.configflexparam.xiawaidistance?item111.configflexparam.xiawaidistance+'px':'',
 								'padding-right':item111.configflexparam.setnei==1 && item111.configflexparam.youneidistance?item111.configflexparam.youneidistance+'px':'',
 								'padding-left':item111.configflexparam.setnei==1 && item111.configflexparam.zuoneidistance?item111.configflexparam.zuoneidistance+'px':'',
 								'padding-top':item111.configflexparam.setnei==1 && item111.configflexparam.shangneidistance?item111.configflexparam.shangneidistance+'px':'',
 								'padding-bottom':item111.configflexparam.setnei==1 && item111.configflexparam.xianeidistance?item111.configflexparam.xianeidistance+'px':'',
 								'border-top-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangzuoround?item111.configflexparam.shangzuoround+'px':'',
 								'border-top-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangyouround?item111.configflexparam.shangyouround+'px':'',
 								'border-bottom-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiayouround?item111.configflexparam.xiayouround+'px':'',
 								'border-bottom-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiazuoround?item111.configflexparam.xiazuoround+'px':'',
 								'border':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
 								'border-bottom':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-bottom' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
 								'border-top':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-top' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
 								'border-left':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-left' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
 								'border-right':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-right' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
  								'box-shadow':item111.configflexparam.setshadow==1? item111.configflexparam.shadowcolor+'CC' +' '+item111.configflexparam.horshadow+'px '+item111.configflexparam.vershadow+'px '+item111.configflexparam.mohushadow+'px '+item111.configflexparam.expandshadow+'px ':'' ,

 								}">

                              <div class="flex  flex-wrap"
                                   :style="{
                    'flex-direction':item111.configflexparam.paitype?item111.configflexparam.paitype:'',
                    }" :class="[
                    item111.configflexparam.duiqitype?'justify-'+item111.configflexparam.duiqitype:'justify-start'
                    ]">
                                <div  v-for="(item,index) in item111.elementdata"
                                      :class="[
                            item111.configflexparam.waitype?item111.configflexparam.waitype:''
                            ]">
                                  <img  class="radius" style="width: 100%;height: 100%;"
                                        :src="item.pic"/>
                                </div>

                              </div>

                            </div>

                          </div>


                          <div v-if="item111.lable== 'button'"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               class="list acea-row flex justify-start align-center "
                               :class="[item111.configflexparam.animation?'animation-' +item111.configflexparam.animation:'',chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"
                               style="position: relative;text-align: center;" :style="{
                                  'color': item111.configflexparam.fontcolor?item111.configflexparam.fontcolor:'','flex': item111.configflexparam.isflex?1:'none',
                                 'text-align': item111.configflexparam.horduiqi?item111.configflexparam.horduiqi:'',
                                 'font-size': item111.configflexparam.fontsize?item111.configflexparam.fontsize+'px':'',
                                   'background-color': item111.configflexparam.bgcolorchoose?item111.configflexparam.bgcolorchoose:'',
                                 'background-image': item111.configflexparam.bgimage?'url('+item111.configflexparam.bgimage+')':'',
                                 'background-position': item111.configflexparam.bgimglocation?item111.configflexparam.bgimglocation:'',
                                 'background-size': item111.configflexparam.bgimgsize?item111.configflexparam.bgimgsize:'',
                                 'background-repeat': item111.configflexparam.bgimgrepeate?item111.configflexparam.bgimgrepeate:'',

                                 'margin-right':item111.configflexparam.setwai==1 && item111.configflexparam.youwaidistance?item111.configflexparam.youwaidistance+'px':'',
                                 'margin-left':item111.configflexparam.setwai==1 && item111.configflexparam.zuowaidistance?item111.configflexparam.zuowaidistance+'px':'',
                                 'margin-top':item111.configflexparam.setwai==1 && item111.configflexparam.shangwaidistance?item111.configflexparam.shangwaidistance+'px':'',
                                 'margin-bottom':item111.configflexparam.setwai==1 && item111.configflexparam.xiawaidistance?item111.configflexparam.xiawaidistance+'px':'',
                                 'padding-right':item111.configflexparam.setnei==1 && item111.configflexparam.youneidistance?item111.configflexparam.youneidistance+'px':'',
                                 'padding-left':item111.configflexparam.setnei==1 && item111.configflexparam.zuoneidistance?item111.configflexparam.zuoneidistance+'px':'',
                                 'padding-top':item111.configflexparam.setnei==1 && item111.configflexparam.shangneidistance?item111.configflexparam.shangneidistance+'px':'',
                                 'padding-bottom':item111.configflexparam.setnei==1 && item111.configflexparam.xianeidistance?item111.configflexparam.xianeidistance+'px':'',
                                 'border-top-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangzuoround?item111.configflexparam.shangzuoround+'px':'',
                                 'border-top-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.shangyouround?item111.configflexparam.shangyouround+'px':'',
                                 'border-bottom-right-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiayouround?item111.configflexparam.xiayouround+'px':'',
                                 'border-bottom-left-radius':item111.configflexparam.setround==1 && item111.configflexparam.xiazuoround?item111.configflexparam.xiazuoround+'px':'',
                                 'border':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                                 'border-bottom':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-bottom' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                                 'border-top':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-top' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                                 'border-left':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-left' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                                 'border-right':item111.configflexparam.setborder==1 && item111.configflexparam.bordersize && item111.configflexparam.borderlocation=='border-right' ?item111.configflexparam.bordersize+'px '+item111.configflexparam.borderstyle+' '+item111.configflexparam.bordercolor+'':'',
                                 'box-shadow':item111.configflexparam.setshadow==1? item111.configflexparam.shadowcolor+'CC' +' '+item111.configflexparam.horshadow+'px '+item111.configflexparam.vershadow+'px '+item111.configflexparam.mohushadow+'px '+item111.configflexparam.expandshadow+'px ':'' ,
                                 }">

                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                               @click="deldom($event,index111,'3')"></i>


                            <div  :style="{
                            'flex-direction':item111.configflexparam.paitype?item111.configflexparam.paitype:'',
                            }" class="flex flex-wrap " :class="[
                              item111.configflexparam.duiqitype?'justify-'+item111.configflexparam.duiqitype:''
                              ]">
                              <button v-for="(item, index) in item111.elementdata" :key="index" class="cu-btn"
                                      :class="[
                                   item111.configflexparam.waitype?item111.configflexparam.waitype:'',
                                   item111.configflexparam.neitype?item111.configflexparam.neitype:'',
                                   item111.configflexparam.sizetype?item111.configflexparam.sizetype:'',
                                   item111.configflexparam.isround?item111.configflexparam.isround:'',
                                   item111.configflexparam.islou ==1?'light':'',
                                   item111.configflexparam.bgcolor && item111.configflexparam.ismylou ==2?'bg-'+item111.configflexparam.bgcolor:'',
                                   item111.configflexparam.ismylou ==1 && item111.configflexparam.ismylousize ==1?'line-'+item111.configflexparam.bgcolor:'',
                                   item111.configflexparam.ismylou ==1 && item111.configflexparam.ismylousize ==2?'lines-'+item111.configflexparam.bgcolor:'',
                                   item111.configflexparam.isblock ==1?'flex-sub':''
                                   ]">
                                <span v-show="item.imgtype==2" class="margin-right-xs" :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"></span>
                                {{ item.btnname }}
                              </button>
                            </div>
                          </div>

                          <div v-if="item111.lable== 'tuwen'" draggable="true"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               class="list acea-row flex justify-start align-center noton"
                               :class="[chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"
                               style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >
                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                               @click="deldom($event,index111,'3')"></i>


                            <div class="cu-list menu menu-avatar  no-border flex justify-start" style="width: 160px;"
                                 :class="[item111.configflexparam.iscard =='1'?'card-menu':'',item111.configflexparam =='1'?'flex-direction ':' ',item111.configflexparam.iscard =='1'?'card-menu ':' ']">
                              <div class="cu-item " :class="[
										item111.configflexparam.showarrow =='1'?'arrow':'']" v-for="(item, index) in item111.elementdata"
                                   :key="index"
                                   style="height: 60px;justify-content: end;background-color: unset;">



                                <div  v-show=" item.imgtype==1" class="cu-avatar  " :class="[

                          item111.configflexparam.isimground =='1'?'round':'',
                          item111.configflexparam.imgsize?item111.configflexparam.imgsize:'lg'
                          ]" :style="{'background-image':'url('+item.pic+')'}">
                                  <div v-show="item111.configflexparam.showimgtag =='1'"
                                       class="cu-tag badge margin-top-xs">99+
                                  </div>
                                </div>

                                <div v-show="item.imgtype==2"
                                     :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                                     style="font-size: 26px;font-size: 31px; margin-top: 5px;margin-bottom: 4px; position: absolute; left: 15px;">
                                </div>


                                <div class="content">
                                  <div
                                      :class="[item111.configflexparam.titlecolor?'text-'+item111.configflexparam.titlecolor:'text-black']">
                                    {{ item.name }}
                                    <span v-show="item111.configflexparam.showtag =='1'"
                                          class="cu-tag round bg-orange sm">标签</span>
                                  </div>

                                  <div class="text-sm flex"
                                       :class="[item111.configflexparam.miaocolor?'text-'+item111.configflexparam.miaocolor:'text-gray']"
                                  >
                                    <div class="text-cut">
                                      {{ item.desc }}
                                    </div>
                                  </div>
                                </div>
                                <div v-show="item111.configflexparam.showtime =='1'" class="action"
                                     style="text-align: end;">
                                  <div class="text-grey text-xs">22:20</div>
                                  <div class="cuIcon-notice_forbid_fill text-gray"></div>
                                </div>

                              </div>
                            </div>



                          </div>

                          <div v-if="item111.lable== 'tagzujian'" draggable="true"
                               @click.prevent="chooseitemfun44($event, item111,index111,index11,index1)"
                               class="list acea-row flex justify-start align-center noton"
                               :class="[item111.configflexparam.animation?'animation-' +item111.configflexparam.animation:'',chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"

                               style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >
                            <i v-if="chooseflexitemindex2==index111 && chooseflexitemindex==index11 && chooseitemindex ==index1" style="z-index:238942;" class="ivu-icon ivu-icon-md-close-circle showflexdel"
                               @click="deldom($event,index111,'3')"></i>


                            <div  class="flex flex-wrap align-center" :class="[
												item111.configflexparam.duiqitype?'justify-'+item111.configflexparam.duiqitype:'justify-start'
												]"
                                  style="width:100%;text-align: left;position: relative;">
                              <div class="cu-tag " :class="[
  									item111.configflexparam.waitype?item111.configflexparam.waitype:'',
 									item111.configflexparam.neitype?item111.configflexparam.neitype:'',
 									item111.configflexparam.sizetype?item111.configflexparam.sizetype:'',
 									item111.configflexparam.isround ==1?'round':'',
 									item111.configflexparam.islou ==1?'light':'',
  									item111.configflexparam.bgcolor?'bg-'+item111.configflexparam.bgcolor:'bg-red'
 									]" v-for="(item,index) in item111.elementdata">
                                {{ item.tagname }}
                              </div>



                            </div>


                          </div>

                        </div>


                      </div>






                    </div>




                    <div v-if="item11.lable== 'fuzhuline'"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)" style="margin: 18px 0;width: 80px ;border-bottom: 1px solid #aaa;"
                         :style="{'border-bottom':item11.configflexparam.lineheight+'px '+item11.configflexparam.lineborderstyle+' ' +item11.configflexparam.linecolor}">
                    </div>


                    <div v-if="item11.lable=='touxiangicon'" draggable="true"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                         class="list acea-row flex justify-start align-center "
                         :class="[chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose']"
                         :style="{
                            'color': item11.configflexparam.fontcolor?item11.configflexparam.fontcolor:'','flex': item11.configflexparam.isflex?1:'none',
                            'font-size': item11.configflexparam.fontsize?item11.configflexparam.fontsize+'px':'',
                            'background-color': item11.configflexparam.bgcolorchoose?item11.configflexparam.bgcolorchoose:'',
                            'background-image': item11.configflexparam.bgimage?'url('+item11.configflexparam.bgimage+')':'',
                            'background-position': item11.configflexparam.bgimglocation?item11.configflexparam.bgimglocation:'',
                            'background-size': item11.configflexparam.bgimgsize?item11.configflexparam.bgimgsize:'',
                              'background-repeat': item11.configflexparam.bgimgrepeate?item11.configflexparam.bgimgrepeate:'',
                            'text-align': item11.configflexparam.horduiqi?item11.configflexparam.horduiqi:'left',
                            'margin-right':item11.configflexparam.setwai==1 && item11.configflexparam.youwaidistance?item11.configflexparam.youwaidistance+'px':'',
                            'margin-left':item11.configflexparam.setwai==1 && item11.configflexparam.zuowaidistance?item11.configflexparam.zuowaidistance+'px':'',
                            'margin-top':item11.configflexparam.setwai==1 && item11.configflexparam.shangwaidistance?item11.configflexparam.shangwaidistance+'px':'',
                            'margin-bottom':item11.configflexparam.setwai==1 && item11.configflexparam.xiawaidistance?item11.configflexparam.xiawaidistance+'px':'',
                            'padding-right':item11.configflexparam.setnei==1 && item11.configflexparam.youneidistance?item11.configflexparam.youneidistance+'px':'',
                            'padding-left':item11.configflexparam.setnei==1 && item11.configflexparam.zuoneidistance?item11.configflexparam.zuoneidistance+'px':'',
                            'padding-top':item11.configflexparam.setnei==1 && item11.configflexparam.shangneidistance?item11.configflexparam.shangneidistance+'px':'',
                            'padding-bottom':item11.configflexparam.setnei==1 && item11.configflexparam.xianeidistance?item11.configflexparam.xianeidistance+'px':'',
                            'border-top-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangzuoround?item11.configflexparam.shangzuoround+'px':'',
                            'border-top-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.shangyouround?item11.configflexparam.shangyouround+'px':'',
                            'border-bottom-right-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiayouround?item11.configflexparam.xiayouround+'px':'',
                            'border-bottom-left-radius':item11.configflexparam.setround==1 && item11.configflexparam.xiazuoround?item11.configflexparam.xiazuoround+'px':'',
                            'border':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-bottom':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-bottom' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-top':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-top' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-left':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-left' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'border-right':item11.configflexparam.setborder==1 && item11.configflexparam.bordersize && item11.configflexparam.borderlocation=='border-right' ?item11.configflexparam.bordersize+'px '+item11.configflexparam.borderstyle+' '+item11.configflexparam.bordercolor+'':'',
                            'box-shadow':item11.configflexparam.setshadow==1? item11.configflexparam.shadowcolor+'CC' +' '+item11.configflexparam.horshadow+'px '+item11.configflexparam.vershadow+'px '+item11.configflexparam.mohushadow+'px '+item11.configflexparam.expandshadow+'px ':'' ,
                            }"
                         style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >

                      <div  class="flex flex-wrap align-center" :class="[
												item11.configflexparam.duiqitype?'justify-'+item11.configflexparam.duiqitype:'justify-start'
												]"
                            style="width:100%;text-align: left;min-height: 26px;position: relative;">

                        <div
                            v-for="(item,index) in item11.elementdata" :key="index">
                          <div class="cu-avatar" v-show="item.imgtype==1"
                               :class="[
											 item11.configflexparam.waitype?item11.configflexparam.waitype:'margin-lr-xs',
											 item11.configflexparam.sizetype?item11.configflexparam.sizetype:'',
											 item11.configflexparam.isround ==1?'round':'',
											 ]" :style="{'background-image':'url('+item.pic+')'}">
                          </div>


                          <div v-show="item11.configflexparam.showimgtag =='1'"
                               class="cu-tag badge margin-top-xs">12
                          </div>


                          <div v-show="item.imgtype==2">
                            <div
                                :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                                :style="{'font-size': item11.configflexparam.iconfontsize?item11.configflexparam.iconfontsize+'px':''}">

                            </div>
                          </div>

                        </div>




                      </div>


                    </div>


                    <div v-if="item11.lable== 'button'" draggable="true"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                         class="list acea-row flex justify-start align-center noton"
                         :class="[chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"
                         style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >

                      <div  class="flex flex-wrap align-center" :class="[
												item11.configflexparam.duiqitype?'justify-'+item11.configflexparam.duiqitype:'justify-start'
												]"
                            style="width:100%;text-align: left;min-height: 32px;position: relative;">

                        <button v-for="(item, index) in item11.elementdata" :key="index" class="cu-btn"
                                :class="[
                               item11.configflexparam.waitype?item11.configflexparam.waitype:'',
                               item11.configflexparam.neitype?item11.configflexparam.neitype:'',
                               item11.configflexparam.sizetype?item11.configflexparam.sizetype:'',
                               item11.configflexparam.isround ==1?'round':'',
                               item11.configflexparam.islou ==1?'light':'',
                               item11.configflexparam.bgcolor && item11.configflexparam.ismylou ==2?'bg-'+item11.configflexparam.bgcolor:'',
                               item11.configflexparam.ismylou ==1 && item11.configflexparam.ismylousize ==1?'line-'+item11.configflexparam.bgcolor:'',
                               item11.configflexparam.ismylou ==1 && item11.configflexparam.ismylousize ==2?'lines-'+item11.configflexparam.bgcolor:'',
                               item11.configflexparam.isblock ==1?'flex-sub':''
                               ]">{{ item.btnname }}
                        </button>


                      </div>


                    </div>


                    <div v-if="item11.lable== 'tuwen'" draggable="true"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                         class="list acea-row flex justify-start align-center noton"
                         :class="[chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"
                         style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >

                      <div class="cu-list menu menu-avatar  no-border flex justify-start" style="width: 160px;"
                           :class="[item11.configflexparam.iscard =='1'?'card-menu':'',item11.configflexparam =='1'?'flex-direction ':' ',item11.configflexparam.iscard =='1'?'card-menu ':' ']">
                        <div class="cu-item " :class="[
										item11.configflexparam.showarrow =='1'?'arrow':'']" v-for="(item, index) in item11.elementdata"
                             :key="index"
                             style="height: 60px;justify-content: end;background-color: unset;">



                          <div  v-show=" item.imgtype==1" class="cu-avatar  " :class="[

                          item11.configflexparam.isimground =='1'?'round':'',
                          item11.configflexparam.imgsize?item11.configflexparam.imgsize:'lg'
                          ]" :style="{'background-image':'url('+item.pic+')'}">
                            <div v-show="item11.configflexparam.showimgtag =='1'"
                                 class="cu-tag badge margin-top-xs">99+
                            </div>
                          </div>

                          <div v-show="item.imgtype==2"
                               :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                               style="font-size: 26px;font-size: 31px; margin-top: 5px;margin-bottom: 4px; position: absolute; left: 15px;">
                          </div>


                          <div class="content">
                            <div
                                :class="[item11.configflexparam.titlecolor?'text-'+item11.configflexparam.titlecolor:'text-black']">
                              {{ item.name }}
                              <span v-show="item11.configflexparam.showtag =='1'"
                                    class="cu-tag round bg-orange sm">标签</span>
                            </div>

                            <div class="text-sm flex"
                                 :class="[item11.configflexparam.miaocolor?'text-'+item11.configflexparam.miaocolor:'text-gray']"
                            >
                              <div class="text-cut">
                                {{ item.desc }}
                              </div>
                            </div>
                          </div>
                          <div v-show="item11.configflexparam.showtime =='1'" class="action"
                               style="text-align: end;">
                            <div class="text-grey text-xs">22:20</div>
                            <div class="cuIcon-notice_forbid_fill text-gray"></div>
                          </div>

                        </div>
                      </div>



                    </div>



                    <div v-if="item11.lable== 'tagzujian'" draggable="true"
                         @click.prevent="chooseitemfun4($event, item11,index11,index1)"
                         class="list acea-row flex justify-start align-center noton"
                         :class="[chooseflexitemindex==index11 && chooseitemindex ==index1?'flexchooseon':'flexchoose',]"
                         style="position: relative;width: fit-content;height: fit-content; text-align: center;line-height: 0;" >

                      <div  class="flex flex-wrap align-center" :class="[
												item11.configflexparam.duiqitype?'justify-'+item11.configflexparam.duiqitype:'justify-start'
												]"
                            style="width:100%;text-align: left;position: relative;">


                        <div class="cu-tag bg-red" :class="[
  									item11.configflexparam.waitype?item11.configflexparam.waitype:'',
 									item11.configflexparam.neitype?item11.configflexparam.neitype:'',
 									item11.configflexparam.sizetype?item11.configflexparam.sizetype:'',
 									item11.configflexparam.isround ==1?'round':'',
 									item11.configflexparam.islou ==1?'light':'',
  									item11.configflexparam.bgcolor?'bg-'+item11.configflexparam.bgcolor:''
 									]" v-for="(item,index) in item11.elementdata">
                          {{ item.tagname }}
                        </div>



                      </div>


                    </div>





                  </div>


                </div>


              </div>


              <div v-show="item1.label=='jindu'" draggable="true" @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row" style="position: relative; text-align: center;noton"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">
                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div style="width:100%;text-align: left; " :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 							'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
							'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'',
								 'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',


							'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',


 							'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							}">

                  <div class="cu-progress" :class="item1.configparam.setround ==1?'round':''">
                    <div class="bg-red text-center" :class="[item1.configparam.jincolor?'bg-'+item1.configparam.jincolor:'',
 									  item1.configparam.settiao ==1 ?'striped':'',
  									  item1.configparam.setdy ==1 ?'active':'']"
                         :style="{'width':item1.configparam.currentjin?item1.configparam.currentjin+'%':'','height':item1.configparam.jinheight==2 ?item1.configparam.jinheight+'px':''}">
                      {{ item1.configparam.currentjin }}%
                    </div>

                  </div>

                </div>

              </div>

              <div v-show="item1.label=='wenbencontent'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; width:100%;overflow: hidden;"
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',item1.configparam.horduiqi?'text-'+item1.configparam.horduiqi:'text-left',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']"
                   :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
							'display':item1.configparam.zujinshow==1 ?'block':'none',
							'color': item1.configparam.fontcolor?item1.configparam.fontcolor:'',
 							'font-size': item1.configparam.fontsize?item1.configparam.fontsize+'px':'',
							'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 						  'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',
							'text-align': item1.configparam.horduiqi?item1.configparam.horduiqi:'left',
							'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							}">

                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>

                <div
                    :style="{'text-indent':item1.configparam.contentindent ? item1.configparam.contentindent +'px':'0px'}"
                    :class="[item1.configparam.contentsize?item1.configparam.contentsize:'',
 										item1.configparam.contentcolor?'text-'+item1.configparam.contentcolor:'',
 								]">
                  {{ item1.configparam.content }}
                </div>


              </div>

              <div v-show="item1.label=='vidiozujian'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">
                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>
                <div style="width:100%;text-align: left;overflow: hidden; " :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 							'display':item1.configparam.zujinshow==1 ?'block':'none',
 							'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',


 							'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							}">

                  <div class="myvideo" style="width: 100%;line-height: 0;">
                    <video style="width: 100%;" title="测试一下视频"
                           src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
                           loop controls></video>
                  </div>


                </div>


              </div>


              <div v-show="item1.label=='musiczujian'" draggable="true"
                   @click="chooseitemfun($event, item1,index1)" class="list acea-row"
                   style="position: relative; "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'',chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">
                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel"
                   @click="deldom($event,index1,'1')"></i>
                <div style="width:100%;text-align: left;overflow: hidden; line-height: none;" :style="{'width':item1.configparam.shangewidth?item1.configparam.shangewidth+'%':'',
 							'display':item1.configparam.zujinshow==1 ?'block':'none',
 							'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							}">

                  <div class="page-section page-section-gap flex"
                       style="text-align: center;line-height: none;">
                    <audio style="text-align: left;align-items: center;" :src="currentaudio.src"
                           :poster="currentaudio.poster" :name="currentaudio.name"
                           :author="currentaudio.author" :action="audioAction" controls="true"></audio>
                  </div>
                </div>
              </div>


              <div v-show="item1.label=='tuwen'" draggable="true" @click="chooseitemfun($event, item1,index1)"
                   class="list acea-row" style="position: relative; "
                   :class="[item1.configparam.animation?'animation-' +item1.configparam.animation:'', chooseitemindex==index1 && item1.configparam.setborder ==undefined?'myon ':'',chooseitemindex!=index1 && item1.configparam.setborder ==undefined?'noton':'']">
                <i v-show="chooseitemindex==index1" class="ivu-icon ivu-icon-md-close-circle showdel "
                   @click="deldom($event,index1,'1')"></i>
                <div style="width:100%;text-align: left;overflow: hidden; " :style="{

 								'background-color': item1.configparam.bgcolorchoose?item1.configparam.bgcolorchoose:'',
 							 'background-image': item1.configparam.bgimage?'url('+item1.configparam.bgimage+')':'',
 							 'background-position': item1.configparam.bgimglocation?item1.configparam.bgimglocation:'',
 							 'background-size': item1.configparam.bgimgsize?item1.configparam.bgimgsize:'',
 							 'background-repeat': item1.configparam.bgimgrepeate?item1.configparam.bgimgrepeate:'',

 							'margin-right':item1.configparam.setwai==1 && item1.configparam.youwaidistance?item1.configparam.youwaidistance+'px':'',
 							'margin-left':item1.configparam.setwai==1 && item1.configparam.zuowaidistance?item1.configparam.zuowaidistance+'px':'',
 							'margin-top':item1.configparam.setwai==1 && item1.configparam.shangwaidistance?item1.configparam.shangwaidistance+'px':'',
 							'margin-bottom':item1.configparam.setwai==1 && item1.configparam.xiawaidistance?item1.configparam.xiawaidistance+'px':'',
 							'padding-right':item1.configparam.setnei==1 && item1.configparam.youneidistance?item1.configparam.youneidistance+'px':'',
 							'padding-left':item1.configparam.setnei==1 && item1.configparam.zuoneidistance?item1.configparam.zuoneidistance+'px':'',
 							'padding-top':item1.configparam.setnei==1 && item1.configparam.shangneidistance?item1.configparam.shangneidistance+'px':'',
 							'padding-bottom':item1.configparam.setnei==1 && item1.configparam.xianeidistance?item1.configparam.xianeidistance+'px':'',
 							'border-top-left-radius':item1.configparam.setround==1 && item1.configparam.shangzuoround?item1.configparam.shangzuoround+'px':'',
 							'border-top-right-radius':item1.configparam.setround==1 && item1.configparam.shangyouround?item1.configparam.shangyouround+'px':'',
 							'border-bottom-right-radius':item1.configparam.setround==1 && item1.configparam.xiayouround?item1.configparam.xiayouround+'px':'',
 							'border-bottom-left-radius':item1.configparam.setround==1 && item1.configparam.xiazuoround?item1.configparam.xiazuoround+'px':'',
 							'border':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-bottom':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-bottom' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-top':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-top' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-left':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-left' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'border-right':item1.configparam.setborder==1 && item1.configparam.bordersize && item1.configparam.borderlocation=='border-right' ?item1.configparam.bordersize+'px '+item1.configparam.borderstyle+' '+item1.configparam.bordercolor+'':'',
 							'box-shadow':item1.configparam.setshadow==1? item1.configparam.shadowcolor+'CC' +' '+item1.configparam.horshadow+'px '+item1.configparam.vershadow+'px '+item1.configparam.mohushadow+'px '+item1.configparam.expandshadow+'px ':'' ,
 							}">

                  <div style="width: 100%;">
                    <div class="cu-list menu menu-avatar  no-border flex justify-start flex-wrap" style="display: flex"
                         :class="[item1.configparam.iscard =='1'?'card-menu':'',item1.configparam.ishor =='1'?'flex-direction ':' ',item1.configparam.iscard =='1'?'card-menu ':' ']">
                      <div class="cu-item " :style="{'width': item1.configparam.tuwidth==1?'100%':'50%','height': item1.configparam.tuheight==2?'40px':'70px'}" :class="[item1.configparam.showarrow =='1'?'arrow':'']" v-for="(item, index) in item1.elementdata"
                           :key="index"
                           style="max-height: 60px;justify-content: end;background-color: unset;">


                        <div  v-show="item1.configparam.showimg =='1' && item.imgtype==1" class="cu-avatar  " :class="[

											item1.configparam.isimground =='1'?'round':'',
											item1.configparam.imgsize?item1.configparam.imgsize:'lg'
											]" :style="{'background-image':'url('+item.pic+')'}">
                          <div v-show="item1.configparam.showimgtag =='1'"
                               class="cu-tag badge margin-top-xs">99+
                          </div>
                        </div>

                        <div v-show="item.imgtype==2"
                             :class="['cuIcon-' + item.iconname,'text-' + item.iconcolor]"
                             style="font-size: 26px; margin-top: 5px;margin-bottom: 4px; position: absolute; left: 15px;">
                        </div>

                        <div class="content" :style="{'left':item1.configparam.tuheight==2?'55px':'70px'}">
                          <div
                              :class="[item1.configparam.titlecolor?'text-'+item1.configparam.titlecolor:'text-black']">
                            {{ item.name }}
                            <span v-show="item1.configparam.showtag =='1'"
                                  class="cu-tag round bg-orange sm">标签</span>
                          </div>
                          <div class="text-sm flex"
                               :class="[item1.configparam.miaocolor?'text-'+item1.configparam.miaocolor:'text-gray']"
                          >
                            <div class="text-cut">
                              {{ item.desc }}
                            </div>
                          </div>
                        </div>
                        <div v-show="item1.configparam.showtime =='1'" class="action"
                             style="text-align: end;">
                          <div class="text-grey text-xs">22:20</div>
                          <div class="cuIcon-notice_forbid_fill text-gray"></div>
                        </div>

                      </div>
                    </div>

                  </div>


                </div>


              </div>


              <div draggable="false" v-show="hasdibubtn && index1==alldom.length-1"
                   style="height: 52px;z-index: 344377;">
              </div>


            </div>


          </div>

        </div>


      </Col>


      <Col span="1" class="left-wrapper">
        <Menu :theme="theme3" :active-name="sortName" width="auto" @on-select="toset">
          <MenuGroup>

            <Tooltip content=" 组件上移" placement="left">
              <MenuItem name="shangyi" class="menu-item ">

                <i class="ivu-icon ivu-icon-md-arrow-round-up text-xxl"></i>
              </MenuItem>

            </Tooltip>


            <Tooltip content="组件下移" placement="left">
              <MenuItem name="xiayi" class="menu-item ">

                <i class="ivu-icon ivu-icon-md-arrow-round-down text-xxl"></i>
              </MenuItem>

            </Tooltip>


            <Tooltip content="复制" placement="left">
              <MenuItem name="copy" class="menu-item ">
                <i class="ivu-icon ivu-icon-md-copy text-xxl"></i>
              </MenuItem>

            </Tooltip>

            <Tooltip content="保存组件模板" placement="left">
              <MenuItem name="savemoban" class="menu-item ">
                <i class="ivu-icon ivu-icon-ios-appstore  text-xxl"></i>
              </MenuItem>

            </Tooltip>

            <Tooltip content="删除" placement="left">
              <MenuItem name="delete" class="menu-item ">
                <i class="ivu-icon ivu-icon-ios-trash  text-xxl"></i>
              </MenuItem>

            </Tooltip>

            <Tooltip content="层级" placement="left">
              <MenuItem name="cengji" class="menu-item ">
                <i class="ivu-icon ivu-icon-ios-aperture-outline text-xxl"></i>
              </MenuItem>
            </Tooltip>


            <Tooltip content="本页全局设置" placement="left">
              <MenuItem name="toset" class="menu-item">
                <i class="ivu-icon ivu-icon-md-settings text-xxl"></i>
              </MenuItem>
            </Tooltip>

            <Tooltip content="当前组件" placement="left">
              <MenuItem name="current" class="menu-item " style="padding: 0px; padding-left: 18px;">
                <i class="text text-xl">
                  {{ mychooseitem.labelname?mychooseitem.labelname:mychooseitem.lablename}}
                </i>

              </MenuItem>

            </Tooltip>


          </MenuGroup>
        </Menu>

      </Col>
      <Col span="4" class="left-wrapper margin-right">

        <Tabs v-model="choosetab">
          <Tab-pane label="组件属性" name="name1">

            <div style="height: 85vh;overflow-y: scroll;">


              <!-- 	页面全局 -->
              <Form v-if="mychooseitem.label == undefined" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="背景图片：" prop="pic">


                    <div class="pictrueBox" @click="modalPicTap('pageconfig','pageconfigpic', 0)">
                      <div class="pictrue" v-if="pageconfig.pic">
                        <img style="width: 60px;height: 60px;" v-lazy="pageconfig.pic"/>

                        <div class="demo-upload-list-cover">
                          <Icon type="ios-trash-outline" @click="handleRemove('pageconfig', 0)">
                          </Icon>
                        </div>

                        <Input v-model="pageconfig.pic" style="display: none"></Input>
                      </div>
                      <div class="upLoad acea-row row-center-wrapper" v-else>
                        <Input v-model="formValidate.image" style="display: none"></Input>
                        <Icon type="ios-camera-outline" size="26"/>
                      </div>
                    </div>


                  </FormItem>


                  <FormItem label="背景图片位置：" prop="">
                    <Select v-model="pageconfig.bgimglocation" placeholder="请选择背景图片位置" class="perW50">
                      <Option value="">默认</Option>
                      <Option value="left top">上左</Option>
                      <Option value="right top">上右</Option>
                      <Option value="left center">中左</Option>
                      <Option value="center center">居中</Option>
                      <Option value="right center">中右</Option>
                      <Option value="left bottom">底左</Option>
                      <Option value="center bottom">底中</Option>
                      <Option value="right bottom">底右</Option>
                    </Select>
                  </FormItem>


                  <FormItem label="背景图片大小：" prop="">
                    <Select v-model="pageconfig.bgimgsize" placeholder="请选择背景图片大小" class="perW50">
                      <Option value="cover">默认</Option>
                      <Option value="cover">铺满整个显示区域</Option>
                      <Option value="contain">按宽高等比显示</Option>
                    </Select>
                  </FormItem>


                  <FormItem label="背景图像重复：" prop="">
                    <Select v-model="pageconfig.bgimgrepeate" placeholder="请选择背景图像重复" class="perW50">
                      <Option value="">默认</Option>

                      <Option value="repeat-x">水平方向重复</Option>
                      <Option value="repeat-y">垂直方向重复</Option>
                      <Option value="no-repeat">仅显示一次</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="背景颜色：" prop="">
                    <ColorPicker v-model="pageconfig.bgcolor" alpha/>
                  </FormItem>

                  <FormItem label="导航字体颜色：" prop="">
                    <ColorPicker v-model="pageconfig.fontcolor" alpha/>
                  </FormItem>

                  <FormItem label="导航标题：" prop="">
                    <Input class="perW50" v-model="pageconfig.title" placeholder="请输入组件名称"/>
                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">项目目录</div>
                </div>

                <div class="folder-wrapper margin-xs">
                  <Tree :data="folderList"      :render="renderFunc"></Tree>
                </div>

              </Form>


              <Form v-if="mychooseitem.label =='fuzhuline'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="线条样式：" prop="">

                    <Select v-model="formValidate.lineborderstyle" placeholder="请选择边框位置" class="perW50">
                      <Option value="solid">直线式边框</Option>
                      <Option value="none">无边框</Option>
                      <Option value="dotted">点线式边框</Option>
                      <Option value="dashed">破折线式边框</Option>
                      <Option value="double">双线式边框</Option>
                      <Option value="groove">槽线式边框</Option>
                      <Option value="ridge">脊线式边框</Option>
                      <Option value="inset">内嵌效果的边框</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="线条颜色：" prop="">

                    <ColorPicker v-model="formValidate.linecolor"/>
                  </FormItem>


                  <FormItem label="线条大小：" prop="">
                    <Input type="number" placeholder="请输入线条大小" v-model="formValidate.lineheight"
                           class="perW50">

                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>

                      </Select>

                    </Input>

                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='serachzujian'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="搜索提示：" prop="">
                    <Input class="perW50" v-model="formValidate.searchtip" placeholder="请输入组件名称"/>
                  </FormItem>

                  <FormItem label="搜索组件背景：" prop="">

                    <Select v-model="formValidate.serachbgcolor" placeholder="请选择搜索组件背景" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="输入框背景：" prop="">

                    <Select v-model="formValidate.inputbgcolor" placeholder="请选择搜索组件背景" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                  <FormItem label="输入框文字颜色：" prop="">
                    <ColorPicker v-model="formValidate.inputcolor"/>
                  </FormItem>

                  <FormItem label="输入框边框：" props="zujinshow">
                    <RadioGroup v-model="formValidate.inputborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="圆角大小：" prop="cate_id">
                    <Select v-model="formValidate.inputroundsize" placeholder="请选择圆角大小" class="perW50">

                      <Option value="">默认</Option>
                      <Option value="text-xs">较小</Option>
                      <Option value="text-sm">小</Option>
                      <Option value="text-df">中</Option>
                      <Option value="text-lg">大</Option>
                      <Option value="text-xl">较大</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="后缀类型：" prop="cate_id">
                    <Select v-model="formValidate.bakefix" placeholder="请选择圆角大小" class="perW50">
                      <Option value="wu">无</Option>
                      <Option value="label">标签</Option>
                      <Option value="icon">图标</Option>
                      <Option value="image">图片</Option>
                      <Option value="city">城市</Option>

                    </Select>
                  </FormItem>


                  <FormItem label="后缀标签文本：" prop="" v-show="formValidate.bakefix =='label'">
                    <Input class="perW50" v-model="formValidate.backtxt" placeholder="请输入组件"/>
                  </FormItem>


                  <FormItem v-show="formValidate.bakefix=='icon'" label="标题图标：" prop="">
                    <Input class="perW50" v-model="formValidate.iconname" placeholder="请选择图标"/>
                    <Button @click="chooseicon(2)" class="btn">选择</Button>
                  </FormItem>

                  <FormItem label="图标颜色：" prop="" v-show="formValidate.bakefix=='icon'">

                    <Select v-model="formValidate.iconcolor" placeholder="请选择图标颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>


                  <FormItem label="后缀背景：" prop="" v-show="formValidate.bakefix =='label'">

                    <Select v-model="formValidate.backcolor" placeholder="请选择后缀背景" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="图片：" prop="pic" v-show="formValidate.bakefix =='image'">

                    <div class="pictrueBox" @click="modalPicTap('danconfig', 'imgimage',0)">
                      <div class="pictrue" v-if="formValidate.imgimage">
                        <img style="width: 80px;height: 80px;" v-lazy="formValidate.imgimage"/>
                        <Input v-model="formValidate.imgimage" style="display: none"></Input>
                      </div>
                      <div class="upLoad acea-row row-center-wrapper" v-else>
                        <Input v-model="formValidate.imgimage" style="display: none"></Input>
                        <Icon type="ios-camera-outline" size="26"/>
                      </div>
                    </div>

                  </FormItem>


                </Card>

              </Form>







              <Form v-if="mychooseitem.label =='imgzujian'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>
                  <FormItem label="排列方向:" prop="paitype">
                    <Select v-model="formValidate.paitype" placeholder="请选择排列方向" class="perW50">
                      <Option value="row">默认水平</Option>
                      <Option value="row-reverse">水平逆序</Option>
                      <Option value="column">垂直</Option>
                      <Option value="row-reverse">垂直逆序</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="外边距:" prop="">
                    <Select v-model="formValidate.waitype" placeholder="请选择外边距" class="perW50">
                      <Option value="">无</Option>
                      <Option value="margin-xs">很小</Option>
                      <Option value="margin-sm">小</Option>
                      <Option value="margin">中</Option>
                      <Option value="margin-lg">大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否圆角：" props="isround">
                    <RadioGroup v-model="formValidate.isround"  type="button">
                      <Radio :label="1" class="radio">小圆角</Radio>
                      <Radio :label="2" class="radio">大圆角</Radio>
                      <Radio :label="3" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="图片大小：" props="zujinshow">
                    <RadioGroup v-model="formValidate.imgsize" type="button">
                      <Radio :label="310" class="radio">100%</Radio>
                      <Radio :label="150" class="radio">50%</Radio>
                      <Radio :label="95" class="radio">33%</Radio>
                      <Radio :label="68" class="radio">25%</Radio>
                    </RadioGroup>
                  </FormItem>


                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>


                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>



                    <FormItem label="图片：" prop="pic">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex  ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>

                    </FormItem>


                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='vidiozujian'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>
                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="视频封面图片：" prop="pic">

                    <div class="pictrueBox" @click="modalPicTap('danconfig', 'videoimage',0)">
                      <div class="pictrue" v-if="formValidate.videoimage">
                        <img style="width: 80px;height: 80px;" v-lazy="formValidate.videoimage"/>
                        <Input v-model="formValidate.videoimage" style="display: none"></Input>
                      </div>
                      <div class="upLoad acea-row row-center-wrapper" v-else>
                        <Input v-model="formValidate.videoimage" style="display: none"></Input>
                        <Icon type="ios-camera-outline" size="26"/>
                      </div>
                    </div>

                  </FormItem>


                  <FormItem label="宽度：" prop="">
                    <Input type="number" placeholder="请输入宽度px" v-model="formValidate.imgwidth"
                           class="perW50">

                      <Select slot="append" style="width: 50px">

                      </Select>
                    </Input>
                  </FormItem>

                  <FormItem label="高度：" prop="">
                    <Input type="number" placeholder="请输入高度px" v-model="formValidate.imgheight"
                           class="perW50">

                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>
                      </Select>
                    </Input>

                  </FormItem>

                  <FormItem label="视频标题：" prop="">
                    <Input class="perW50" v-model="formValidate.videoname" placeholder="请输入视频标题"/>
                  </FormItem>

                  <FormItem label="视频源：" prop="">
                    <Input class="perW50" v-model="formValidate.videosrc" placeholder="请输入视频标题"/>
                  </FormItem>

                  <FormItem label="设置静音：" props="zujinshow">
                    <RadioGroup v-model="formValidate.mute">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="自动播放：" props="setautplay">
                    <RadioGroup v-model="formValidate.setautplay">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="循环播放：" props="setautplay">
                    <RadioGroup v-model="formValidate.loopplay">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示控制：" props="setautplay">
                    <RadioGroup v-model="formValidate.showcontroller">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='wenbencontent'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="文本内容：" prop="">
                    <Input class="perW50" v-model="formValidate.content" type="textarea" :rows="3"
                           placeholder="请输入文本内容"/>
                  </FormItem>

                  <FormItem label="字体颜色：" prop="">

                    <Select v-model="formValidate.contentcolor" placeholder="请选择字体颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>

                  </FormItem>

                  <FormItem label="字体大小：" prop="cate_id">
                    <Select v-model="formValidate.contentsize" placeholder="请选择字体大小" class="perW50">

                      <Option value="">默认</Option>
                      <Option value="text-xs">较小</Option>
                      <Option value="text-sm">小</Option>
                      <Option value="text-df">中</Option>
                      <Option value="text-lg">大</Option>
                      <Option value="text-xl">较大</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="水平对齐：" prop="">
                    <Select v-model="formValidate.horduiqi" placeholder="请选择圆角大小"
                            class="perW50">
                      <Option value="">默认</Option>
                      <Option value="left">左</Option>
                      <Option value="center">中</Option>
                      <Option value="right">右</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="缩进：" prop="">
                    <Input type="number" placeholder="请输入缩进px" v-model="formValidate.contentindent"
                           class="perW50">

                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>

                      </Select>

                    </Input>

                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='toptitle'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>

                  <FormItem label="栅格大小：" prop="">
                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>

                  <FormItem label="标题文本：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>

                  <FormItem label="背景颜色：" prop="">
                    <Select v-model="formValidate.titlebgcolor" placeholder="请选择进度条颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>


                  <FormItem label="设置返回：" props="setback">
                    <RadioGroup v-model="formValidate.setback">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="字体颜色：" prop="">

                    <Select v-model="formValidate.contentcolor" placeholder="请选择字体颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="返回文本：" prop="">
                    <Input class="perW50" v-model="formValidate.backcontent" placeholder="请输入返回文本"/>
                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='putongtitle'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="文本：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="标题居中：" props="setround">
                    <RadioGroup v-model="formValidate.titlecenter">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.titlebordertitle">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="字体颜色：" prop="">

                    <Select v-model="formValidate.fontcolor1" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="标题加粗：" props="setround">
                    <RadioGroup v-model="formValidate.titlebold">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="显示更多：" props="setround">
                    <RadioGroup v-model="formValidate.showmore">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="更多文本：" prop="">
                    <Input class="perW50" v-model="formValidate.morecontent" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示图标：" props="setround">
                    <RadioGroup v-model="formValidate.showicon">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem v-show="formValidate.showicon==1" label="标题图标：" prop="">
                    <Input class="perW50" v-model="formValidate.iconname" placeholder="请选择图标"/>

                    <Button @click="chooseicon(2)" class="btn">选择</Button>
                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='onetext'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="提示信息：" prop="">
                    <Input class="perW50" v-model="formValidate.placeholdertip" placeholder="请输入提示信息"/>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="输入框背景颜色：" prop="">

                    <ColorPicker v-model="formValidate.inputbgcolor"/>
                  </FormItem>


                  <FormItem label="输入框字体颜色：" prop="">
                    <ColorPicker v-model="formValidate.inputcolor"/>
                  </FormItem>

                  <FormItem label="后缀类型：" prop="cate_id">
                    <Select v-model="formValidate.bakefix" placeholder="请选择圆角大小" class="perW50">
                      <Option value="wu">无</Option>
                      <Option value="label">标签</Option>
                      <Option value="icon">图标</Option>
                      <Option value="image">图片</Option>

                    </Select>
                  </FormItem>


                  <FormItem label="图片：" prop="pic" v-show="formValidate.bakefix=='image'">


                    <div class="pictrueBox" @click="modalPicTap('danconfig', 'txtimage',0)">
                      <div class="pictrue" v-if="formValidate.txtimage">
                        <img style="width: 80px;height: 80px;" v-lazy="formValidate.txtimage"/>
                        <Input v-model="formValidate.txtimage" style="display: none"></Input>
                      </div>
                      <div class="upLoad acea-row row-center-wrapper" v-else>
                        <Input v-model="formValidate.txtimage" style="display: none"></Input>
                        <Icon type="ios-camera-outline" size="26"/>
                      </div>
                    </div>

                  </FormItem>

                  <FormItem label="圆角大小：" prop="cate_id" v-show="formValidate.bakefix=='image'">
                    <Select v-model="formValidate.roundsize" placeholder="请选择圆角大小" class="perW50">
                      <Option value="0">默认</Option>
                      <Option value="wu">无</Option>
                      <Option value="jiaoxiao">较小</Option>
                      <Option value="xiao">小</Option>
                      <Option value="zhong">中</Option>
                      <Option value="da">大</Option>
                      <Option value="chaoda">超大</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="后缀文本：" prop="" v-show="formValidate.bakefix=='label'">
                    <Input class="perW50" v-model="formValidate.backtext" placeholder="请输入后缀文本"/>
                  </FormItem>


                  <FormItem label="后缀背景：" prop="" v-show="formValidate.bakefix=='label'">

                    <Select v-model="formValidate.bakbgcolor" placeholder="请选择后缀背景" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem v-show="formValidate.bakefix=='icon'" label="标题图标：" prop="">
                    <Input class="perW50" v-model="formValidate.iconname" placeholder="请选择图标"/>
                    <Button @click="chooseicon(2)" class="btn">选择</Button>
                  </FormItem>


                  <FormItem label="图标颜色：" prop="" v-show="formValidate.bakefix=='icon'">

                    <Select v-model="formValidate.iconcolor" placeholder="请选择图标颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='manytext'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="提示信息：" prop="">
                    <Input class="perW50" v-model="formValidate.placeholdertip" placeholder="请输入提示信息"/>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="输入框背景颜色：" prop="">

                    <ColorPicker v-model="formValidate.inputbgcolor"/>
                  </FormItem>
                  <FormItem label="标题颜色：" prop="">

                    <ColorPicker v-model="formValidate.titlecolor1"/>
                  </FormItem>

                  <FormItem label="输入框字体颜色：" prop="">

                    <ColorPicker v-model="formValidate.inputcolor"/>
                  </FormItem>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='pingfen'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="提示信息：" prop="">
                    <Input class="perW50" v-model="formValidate.placeholdertip" placeholder="请输入提示信息"/>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                  <FormItem label="选中颜色：" prop="">

                    <ColorPicker v-model="formValidate.choosecolor"/>
                  </FormItem>
                  <FormItem label="图标颜色：" prop="">

                    <ColorPicker v-model="formValidate.iconcolor"/>
                  </FormItem>


                  <FormItem label="默认评分：" prop="">
                    <Input class="perW50" v-model="formValidate.pingval" placeholder="请输入默认评分"/>
                  </FormItem>

                  <FormItem label="评分数量：" prop="">
                    <Input class="perW50" v-model="formValidate.pingcount" placeholder="请输入评分数量"/>
                  </FormItem>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='huakuai'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>



                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="线条颜色：" prop="">

                    <ColorPicker v-model="formValidate.linecolor"/>
                  </FormItem>

                  <FormItem label="滑块值：" prop="">
                    <Input class="perW50" v-model="formValidate.huavalue" placeholder="请输入滑块值"/>
                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='uploadimg'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>

                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="提示信息：" prop="">
                    <Input class="perW50" v-model="formValidate.placeholdertip" placeholder="请输入提示信息"/>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="标题颜色：" prop="">

                    <ColorPicker v-model="formValidate.titlecolor1"/>
                  </FormItem>


                  <FormItem label="图片数量：" prop="">
                    <Input class="perW50" v-model="formValidate.imgcount" placeholder="请输入图片数量"/>
                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='radio'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="标题颜色：" prop="">

                    <ColorPicker v-model="formValidate.titlecolor1"/>
                  </FormItem>


                </Card>
                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">


                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>


                    <FormItem label="选项标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="选项值：" prop="">
                      <Input class="perW50" v-model="item.value" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="设置选中：" props="">
                      <RadioGroup v-model="formValidate.choose">
                        <Radio :label="1" class="radio">设置</Radio>
                        <Radio :label="0" class="radio">不设置</Radio>
                      </RadioGroup>
                    </FormItem>

                  </div>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='checkbox'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="样式：" props="setround">
                    <RadioGroup v-model="formValidate.checkstyle">

                      <Radio :label="1" class="radio">样式一</Radio>
                      <Radio :label="2" class="radio">样式二</Radio>
                      <Radio :label="3" class="radio">样式三</Radio>
                      <Radio :label="4" class="radio">样式四</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <ColorPicker v-model="formValidate.titlecolor1"/>
                  </FormItem>

                </Card>
                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative; border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">


                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>


                    <FormItem label="选项标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="选项值：" prop="">
                      <Input class="perW50" v-model="item.value" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="设置选中：" props="">
                      <RadioGroup v-model="formValidate.choose">
                        <Radio :label="1" class="radio">设置</Radio>
                        <Radio :label="2" class="radio">不设置</Radio>
                      </RadioGroup>
                    </FormItem>

                  </div>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='noticelan'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="图标：" prop="">
                    <Input class="perW50" v-model="formValidate.icontitle" placeholder="请输入图标"/>
                  </FormItem>


                  <FormItem label="显示条数：" props="setdan">
                    <RadioGroup v-model="formValidate.setdan">
                      <Radio :label="1" class="radio">显示单条</Radio>
                      <Radio :label="2" class="radio">显示多条</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="文本内容：" prop="">
                    <Input class="perW50" v-model="formValidate.content" type="textarea" :rows="3"
                           placeholder="请输入文本内容"/>
                  </FormItem>

                  <FormItem label="文字颜色：" prop="">
                    <ColorPicker v-model="formValidate.noticecolor"/>
                  </FormItem>

                </Card>
                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>

                  <div v-show="formValidate.setdan ==2" class="item"
                       style="border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <FormItem label="通知内容：" prop="">
                      <Input class="perW50" type="textarea" v-model="item.name"
                             placeholder="请输入通知内容"/>
                    </FormItem>

                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='select'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="样式：" props="setround">
                    <RadioGroup v-model="formValidate.checkstyle">

                      <Radio :label="1" class="radio">样式一</Radio>
                      <Radio :label="2" class="radio">样式二</Radio>
                      <Radio :label="3" class="radio">样式三</Radio>
                      <Radio :label="4" class="radio">样式四</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <ColorPicker v-model="formValidate.titlecolor1"/>
                  </FormItem>

                </Card>
                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative; border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>


                    <FormItem label="选项值：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>


                  </div>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='kaiguan'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <ColorPicker v-model="formValidate.titlecolor1"/>
                  </FormItem>

                </Card>


              </Form>


              <Form v-if="mychooseitem.label =='datetime'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>
                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="显示标题：" props="setround">
                    <RadioGroup v-model="formValidate.showtitle">
                      <Radio :label="1" class="radio">显示</Radio>
                      <Radio :label="2" class="radio">不显示</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="占位小：" props="setround">
                    <RadioGroup v-model="formValidate.smallheight">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题换行：" props="setround">
                    <RadioGroup v-model="formValidate.titlenextline">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="底部边框：" props="setround">
                    <RadioGroup v-model="formValidate.bottomborder">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>


                  <FormItem label="日期模式:" prop="datetype">
                    <Select v-model="formValidate.datetype" placeholder="请选择日期时间模式" class="perW50">
                      <Option value="1">默认日期</Option>
                      <Option value="2">默认时间</Option>
                    </Select>
                  </FormItem>


                </Card>


              </Form>


              <Form v-if="mychooseitem.label =='jindu'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="设置圆角：" props="setround">
                    <RadioGroup v-model="formValidate.setround">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="设置条纹：" props="settiao">
                    <RadioGroup v-model="formValidate.settiao">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="动态效果：" props="setdy">
                    <RadioGroup v-model="formValidate.setdy">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="进度条颜色：" prop="">

                    <Select v-model="formValidate.jincolor" placeholder="请选择进度条颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="当前进度：" prop="">
                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.currentjin"
                            :step="1"></Slider>
                  </FormItem>

                  <FormItem label="进度高度：" prop="">
                    <Input type="number" placeholder="请输入当前进度默认px" v-model="formValidate.jinheight"
                           class="perW50">

                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>

                      </Select>

                    </Input>

                  </FormItem>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='tupianbanner'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="背景颜色：" prop="">

                    <Select v-model="formValidate.bgcolor" placeholder="请选择进度条颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>


                  <FormItem label="延时时间：" prop="">
                    <Input type="number" placeholder="请输入当前进度默认px" v-model="formValidate.yanshi"
                           class="perW50">

                    </Input>

                  </FormItem>
                  <FormItem label="图片高度：" prop="">
                    <Input type="number" placeholder="请输入当前进度默认px" v-model="formValidate.imgheight"
                           class="perW50">

                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>

                      </Select>

                    </Input>

                  </FormItem>


                </Card>


                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative; border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">


                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>


                    <FormItem label="轮播图标题：" prop="">
                      <Input class="perW50" v-model="item.title" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.image">
                          <img style="width: 80px;height: 80px;" v-lazy="item.image"/>
                          <Input v-model="item.image" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.image" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex  ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>
                    </FormItem>



                  </div>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='mybanner'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>

                  <FormItem label="轮播图样式：" prop="">
                    <Radio-group v-model="formValidate.bannerstyle" type="button">
                      <Radio label="1">圆角</Radio>
                      <Radio label="2">方角</Radio>
                    </Radio-group>
                  </FormItem>

                  <FormItem label="指示器样式：" prop="">
                    <Radio-group v-model="formValidate.bannerpointstyle" type="button">
                      <Radio label="1">圆形</Radio>
                      <Radio label="2">圆角</Radio>
                      <Radio label="3">直线</Radio>
                      <Radio label="4">数字</Radio>
                      <Radio label="5">无</Radio>
                    </Radio-group>
                  </FormItem>

                  <FormItem label="指示器位置：" prop="">
                    <Radio-group v-model="formValidate.bannerpointpos" type="button">
                      <Radio label="start">居左</Radio>
                      <Radio label="center">居中</Radio>
                      <Radio label="end">居右</Radio>
                    </Radio-group>
                  </FormItem>

                  <FormItem label="背景颜色(渐变)：" prop="">
                    <ColorPicker v-model="formValidate.bgcolor1" alpha/>
                    <ColorPicker v-model="formValidate.bgcolor2" alpha/>
                  </FormItem>

                  <FormItem label="指示器颜色：" prop="">
                    <ColorPicker v-model="formValidate.pointcolor" alpha/>
                  </FormItem>

                  <FormItem label="左右边距：" prop="">
                    <Slider class="perW50" style="margin-left:80px;" v-model="formValidate.distance"></Slider>
                  </FormItem>

                </Card>


                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative; border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">


                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="url地址：" prop="">
                      <Input class="perW50" v-model="item.title" placeholder="请输入url地址"/>
                    </FormItem>

                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex">
                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.image">
                          <img style="width: 80px;height: 80px;" v-lazy="item.image"/>
                          <Input v-model="item.image" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.image" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>
                    </FormItem>

                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='button'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>
                  <FormItem label="排列方向:" prop="paitype">
                    <Select v-model="formValidate.paitype" placeholder="请选择排列方向" class="perW50">
                      <Option value="row">默认水平</Option>
                      <Option value="row-reverse">水平逆序</Option>
                      <Option value="column">垂直</Option>
                      <Option value="row-reverse">垂直逆序</Option>
                    </Select>
                  </FormItem>
                  <FormItem label="外边距:" prop="">
                    <Select v-model="formValidate.waitype" placeholder="请选择外边距" class="perW50">
                      <Option value="">无</Option>
                      <Option value="margin-sm">小</Option>
                      <Option value="margin">中</Option>
                      <Option value="margin-lg">大</Option>
                    </Select>
                  </FormItem>
                  <FormItem label="内边距:" prop="">
                    <Select v-model="formValidate.neitype" placeholder="请选择内边距" class="perW50">
                      <Option value="wu">无</Option>
                      <Option value="padding-xs">较小</Option>
                      <Option value="padding-sm">小</Option>
                      <Option value="padding">中等</Option>
                      <Option value="padding-lg">大</Option>
                      <Option value="padding-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="尺寸大小:" prop="sizetype">
                    <Select v-model="formValidate.sizetype" placeholder="请选择尺寸大小" class="perW50">
                      <Option value="">默认</Option>
                      <Option value="text-xs">较小</Option>
                      <Option value="text-sm">小</Option>
                      <Option value="text-df">中等</Option>
                      <Option value="text-lg">大</Option>
                      <Option value="text-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否圆角：" props="isround">
                    <RadioGroup v-model="formValidate.isround" type="button">
                      <Radio label="round" class="radio">大圆角</Radio>
                      <Radio label="radius" class="radio">小圆角</Radio>
                      <Radio label="" class="radio">不显示圆角</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="背景变淡：" props="islou">
                    <RadioGroup v-model="formValidate.islou">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="是否镂空：" props="islou">
                    <RadioGroup v-model="formValidate.ismylou">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="镂空边框大小：" props="islou" v-show="formValidate.ismylou==1">
                    <RadioGroup v-model="formValidate.ismylousize">
                      <Radio :label="1" class="radio">小</Radio>
                      <Radio :label="2" class="radio">大</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="是否块状：" props="isblock">
                    <RadioGroup v-model="formValidate.isblock">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="背景颜色：" prop="">

                    <Select v-model="formValidate.bgcolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">按钮内容</div>
                </div>


                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="按钮标题：" prop="">
                      <Input class="perW50" v-model="item.btnname" placeholder="请输入按钮标题"/>
                    </FormItem>

                    <FormItem label="显示图标：" props="imgtype" v-show="index==gonggeindex">
                      <RadioGroup v-model="item.imgtype" type="button">
                        <Radio :label="1" class="radio">不显示</Radio>
                        <Radio :label="2" class="radio">显示图标</Radio>
                      </RadioGroup>
                    </FormItem>

                    <FormItem label="背景图片：" prop="pic" v-show="index==gonggeindex">
                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.bgpic">
                          <img v-lazy="item.bgpic"/>
                          <Input v-model="item.bgpic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.bgpic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>




                    <FormItem label="选择图标：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">
                      <Input class="perW50" v-model="item.iconname" placeholder="请选择图标"/>

                      <Button @click="chooseicon()" class="btn">选择</Button>
                    </FormItem>

                    <FormItem label="图标颜色：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.iconcolor" placeholder="请选择颜色" class="perW50">

                        <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                        </Option>

                      </Select>

                    </FormItem>

                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>
                    </FormItem>





                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='flexlayout'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>
                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>



                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">
                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="垂直排列方式:" prop="chuiduiqitype">
                    <Select v-model="formValidate.chuiduiqitype" placeholder="请选择垂直对齐方式" class="perW50">
                      <Option value="flex-start">默认</Option>
                      <Option value="flex-start">与交叉轴的起点对齐</Option>
                      <Option value="flex-end">与交叉轴的终点对齐</Option>
                      <Option value="center">与交叉轴的中点对齐</Option>
                      <Option value="space-between">与检查周两端对齐，轴线之间的间隔平均分布</Option>
                      <Option value="space-around">没跟轴线两侧的间隔都相等</Option>
                      <Option value="strech">默认值轴线占满整个交叉轴</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="交叉轴上对齐:" prop="jiaoduiqitype">
                    <Select v-model="formValidate.jiaoduiqitype" placeholder="请选择交叉轴上对齐方式" class="perW50">
                      <Option value="stretch">默认</Option>
                      <Option value="flex-start">元素上对齐</Option>
                      <Option value="flex-end">元素下对齐</Option>
                      <Option value="center">元素下中点对齐</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="排列方向:" prop="paitype">
                    <Select v-model="formValidate.paitype" placeholder="请选择排列方向" class="perW50">
                      <Option value="row">默认水平</Option>
                      <Option value="row-reverse">水平逆序</Option>
                      <Option value="column">垂直</Option>
                      <Option value="row-reverse">垂直逆序</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否多行：" props="iswrap">
                    <RadioGroup v-model="formValidate.iswrap" type="button">
                      <Radio :label="1" class="radio">多行展示</Radio>
                      <Radio :label="2" class="radio">单行展示</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="容器滚动：" props="iswrap">
                    <RadioGroup v-model="formValidate.isscroll" type="button">
                      <Radio :label="1" class="radio">横向滚动</Radio>
                      <Radio :label="2" class="radio">竖向滚动</Radio>
                      <Radio :label="3" class="radio">不滚动</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="容器宽度：" prop="">
                    <Input-number  class="perW50":max="330" :min="1" placeholder="请输入容器宽度，单位(%) " v-model="formValidate.width">
                      <span slot="append">px</span>
                    </Input-number>
                  </FormItem>

                  <FormItem label="容器高度：" prop="">
                    <Input class="perW50" type="number"  v-model="formValidate.height" placeholder="请输入容器高度">
                      <span slot="append">px</span>
                    </Input>
                  </FormItem>



                </Card>


              </Form>


              <Form v-if="mychooseitem.label =='touxiangicon'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>
                  <FormItem label="排列方向:" prop="paitype">
                    <Select v-model="formValidate.paitype" placeholder="请选择排列方向" class="perW50">
                      <Option value="row">默认水平</Option>
                      <Option value="row-reverse">水平逆序</Option>
                      <Option value="column">垂直</Option>
                      <Option value="row-reverse">垂直逆序</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="外边距:" prop="">
                    <Select v-model="formValidate.waitype" placeholder="请选择外边距" class="perW50">
                      <Option value="">无</Option>
                      <Option value="margin-sm">小</Option>
                      <Option value="margin">中</Option>
                      <Option value="margin-lg">大</Option>
                    </Select>
                  </FormItem>


                  <FormItem label="尺寸大小:" prop="sizetype">
                    <Select v-model="formValidate.sizetype" placeholder="请选择尺寸大小" class="perW50">
                      <Option value="">默认</Option>

                      <Option value="sm">小</Option>
                      <Option value="">中等</Option>
                      <Option value="lg">大</Option>
                      <Option value="xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否圆角：" props="isround">
                    <RadioGroup v-model="formValidate.isround">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="显示角标：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showimgtag">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="图标字体大小：" prop="">
                    <Slider class="perW50" style="margin-left: 80px;"
                            v-model="formValidate.iconfontsize"></Slider>
                  </FormItem>



                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">头像内容</div>
                </div>


                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="图片类型：" props="imgtype">
                      <RadioGroup v-model="item.imgtype">
                        <Radio :label="1" class="radio">图片</Radio>
                        <Radio :label="2" class="radio">图标</Radio>
                      </RadioGroup>
                    </FormItem>


                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex && item.imgtype==1 ">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="背景颜色：" prop="" v-show="index==gonggeindex">

                      <ColorPicker v-model="item.bgcolor1"/>
                    </FormItem>

                    <FormItem label="选择图标：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">
                      <Input class="perW50" v-model="item.iconname" placeholder="请选择图标"/>

                      <Button @click="chooseicon()" class="btn">选择</Button>
                    </FormItem>

                    <FormItem label="图标颜色：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.iconcolor" placeholder="请选择颜色" class="perW50">

                        <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                        </Option>

                      </Select>

                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>
                    </FormItem>



                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='modelcomp'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="弹框显示位置：" prop="">

                    <Select v-model="formValidate.complocation" placeholder="请选择边框位置" class="perW50">
                      <Option value="">默认</Option>
                      <Option value="top">上边</Option>
                      <Option value="right">右边</Option>
                      <Option value="bottom">下边</Option>
                      <Option value="left">左边</Option>

                    </Select>
                  </FormItem>


                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题"/>
                  </FormItem>


                  <FormItem label="显示图文：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showtuwen">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示按钮：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showbtn">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示图文图片：" v-show="formValidate.showtuwen ==1" props="zujinshow">
                    <RadioGroup v-model="formValidate.isimg">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示箭头：" v-show="formValidate.showtuwen ==1" props="zujinshow">
                    <RadioGroup v-model="formValidate.showarrow">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="图片圆角：" v-show="formValidate.showtuwen ==1" props="zujinshow">
                    <RadioGroup v-model="formValidate.isimground">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" v-show="formValidate.showtuwen ==1" prop="">

                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                  <FormItem label="按钮对齐方式:" v-show="formValidate.showbtn ==1" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>
                  <FormItem label="排列方向:" v-show="formValidate.showbtn ==1" prop="paitype">
                    <Select v-model="formValidate.paitype" placeholder="请选择排列方向" class="perW50">
                      <Option value="row">默认水平</Option>
                      <Option value="row-reverse">水平逆序</Option>
                      <Option value="column">垂直</Option>
                      <Option value="row-reverse">垂直逆序</Option>
                    </Select>
                  </FormItem>
                  <FormItem label="外边距:" v-show="formValidate.showbtn ==1" prop="">
                    <Select v-model="formValidate.waitype" placeholder="请选择外边距" class="perW50">
                      <Option value="">无</Option>
                      <Option value="margin-sm">小</Option>
                      <Option value="margin">中</Option>
                      <Option value="margin-lg">大</Option>
                    </Select>
                  </FormItem>
                  <FormItem label="内边距:" v-show="formValidate.showbtn ==1" prop="">
                    <Select v-model="formValidate.neitype" placeholder="请选择内边距" class="perW50">
                      <Option value="wu">无</Option>
                      <Option value="padding-xs">较小</Option>
                      <Option value="padding-sm">小</Option>
                      <Option value="padding">中等</Option>
                      <Option value="padding-lg">大</Option>
                      <Option value="padding-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="尺寸大小:" v-show="formValidate.showbtn ==1" prop="sizetype">
                    <Select v-model="formValidate.sizetype" placeholder="请选择尺寸大小" class="perW50">
                      <Option value="">默认</Option>
                      <Option value="text-xs">较小</Option>
                      <Option value="text-sm">小</Option>
                      <Option value="text-df">中等</Option>
                      <Option value="text-lg">大</Option>
                      <Option value="text-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否圆角：" v-show="formValidate.showbtn ==1" props="isround">
                    <RadioGroup v-model="formValidate.isround">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="是否镂空：" v-show="formValidate.showbtn ==1" props="islou">
                    <RadioGroup v-model="formValidate.islou">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="是否块状：" v-show="formValidate.showbtn ==1" props="isblock">
                    <RadioGroup v-model="formValidate.isblock">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="背景颜色：" v-show="formValidate.showbtn ==1" prop="">

                    <Select v-model="formValidate.bgcolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">按钮内容</div>
                </div>


                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="按钮标题：" prop="">
                      <Input class="perW50" v-model="item.btnname" placeholder="请输入按钮标题"/>
                    </FormItem>

                    <FormItem label="图片类型：" props="imgtype" v-show="index==gonggeindex">
                      <RadioGroup v-model="item.imgtype">
                        <Radio :label="1" class="radio">图片</Radio>
                        <Radio :label="2" class="radio">图标</Radio>
                      </RadioGroup>
                    </FormItem>

                    <FormItem label="背景颜色：" prop="" v-show="index==gonggeindex">

                      <ColorPicker v-model="item.bgcolor1"/>
                    </FormItem>

                    <FormItem label="背景图片：" prop="pic" v-show="index==gonggeindex">
                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.bgpic">
                          <img v-lazy="item.bgpic"/>
                          <Input v-model="item.bgpic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.bgpic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>
                    </FormItem>


                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='tabchange'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="选中字体大小：" prop="cate_id">
                    <Select v-model="formValidate.tabsize" placeholder="请选择圆角大小" class="perW50">
                      <Option value="">默认</Option>
                      <Option value="text-xs">较小</Option>
                      <Option value="text-sm">小</Option>
                      <Option value="text-df">中</Option>
                      <Option value="text-lg">大</Option>
                      <Option value="text-xl">较大</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="选中字体加粗：" props="zujinshow">
                    <RadioGroup v-model="formValidate.tabbold">
                      <Radio :label="1" class="radio">设置</Radio>
                      <Radio :label="2" class="radio">不设置</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="背景颜色：" prop="">

                    <Select v-model="formValidate.bgcolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                  <FormItem label="字体颜色：" prop="">

                    <Select v-model="formValidate.fonttabcolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                  <FormItem label="选中颜色：" prop="">

                    <Select v-model="formValidate.choosecolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">选项卡内容</div>
                </div>


                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="选项标题：" prop="">
                      <Input class="perW50" v-model="item.tabname" placeholder="请输入按钮标题"/>
                    </FormItem>

                    <FormItem label="选项值：" prop="">
                      <Input class="perW50" v-model="item.tabval" placeholder="请输入按钮标题"/>
                    </FormItem>


                    <FormItem label="图标：" prop="">
                      <Input class="perW50" v-model="item.tabicon" placeholder="请输入按钮标题"/>
                    </FormItem>


                  </div>


                </Card>

              </Form>

              <Form v-if="mychooseitem.label =='buzhou'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>



                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="选中颜色：" prop="">

                    <Select v-model="formValidate.choosecolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">步骤条内容</div>
                </div>


                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="选项标题：" prop="">
                      <Input class="perW50" v-model="item.tabname" placeholder="请输入按钮标题"/>
                    </FormItem>

                    <FormItem label="选项值：" prop="">
                      <Input class="perW50" v-model="item.tabval" placeholder="请输入按钮标题"/>
                    </FormItem>

                    <FormItem label="图标：" prop="">
                      <Input class="perW50" v-model="item.tabicon" placeholder="请输入按钮标题"/>
                    </FormItem>


                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='gongge'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="宫格类型：" prop="cate_id">
                    <Select v-model="formValidate.gongtype" placeholder="请选择宫格类型" class="perW50">

                      <Option value="5">五宫格</Option>
                      <Option value="4">四宫格</Option>
                      <Option value="3">三宫格</Option>
                      <Option value="2">二宫格</Option>
                      <Option value="1">一宫格</Option>

                    </Select>
                  </FormItem>

                  <FormItem label="是否水平显示：" props="zujinshow">
                    <RadioGroup v-model="formValidate.ishor">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="显示边框：" props="zujinshow">
                    <RadioGroup v-model="formValidate.isborder">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示卡片：" props="zujinshow">
                    <RadioGroup v-model="formValidate.iscard">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示角标：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showimgtag">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="是否图片圆角：" props="isround">
                    <RadioGroup v-model="formValidate.isround">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>


                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="菜单标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="图片类型：" props="imgtype" v-show="index==gonggeindex">
                      <RadioGroup v-model="item.imgtype">
                        <Radio :label="1" class="radio">图片</Radio>
                        <Radio :label="2" class="radio">图标</Radio>
                      </RadioGroup>
                    </FormItem>

                    <FormItem label="宫格图片：" prop="pic" v-show="index==gonggeindex && item.imgtype==1 ">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>

                    <FormItem label="背景颜色：" prop="" v-show="index==gonggeindex">

                      <ColorPicker v-model="item.bgcolor1"/>
                    </FormItem>

                    <FormItem label="选择图标：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">
                      <Input class="perW50" v-model="item.iconname" placeholder="请选择图标"/>

                      <Button @click="chooseicon(1)" class="btn">选择</Button>
                    </FormItem>

                    <FormItem label="图标颜色：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.iconcolor" placeholder="请选择颜色" class="perW50">

                        <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                        </Option>

                      </Select>

                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>
                    </FormItem>


                  </div>


                </Card>
              </Form>


              <Form v-if="mychooseitem.label =='goodslist'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="是否显示头部：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowhead">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>

                  <FormItem label="是否显示标题：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowtitle">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>

                  <FormItem label="是否显示价格：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowprice">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>

                  <FormItem label="是否显示时间：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowtime">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>


                  <FormItem label="是否显示销量：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowsales">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>


                  <FormItem label="头部标题对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>


                  <FormItem label="头部标题主题色：" prop="">
                    <ColorPicker v-model="formValidate.mytitlecolor" alpha/>
                  </FormItem>


                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">头部标题内容</div>
                </div>
                <Card>

                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata2" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd2(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel2(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="标题名称：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入标题名称"/>
                    </FormItem>

                    <FormItem label="标题描述：" prop="">
                      <Input class="perW50" v-model="item.desc" placeholder="请输入商品价格"/>
                    </FormItem>


                  </div>


                </Card>
                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">商品内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="商品名称：" prop="">
                      <Input class="perW50" v-model="item.title" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="商品价格：" prop="" v-show="index==gonggeindex">
                      <Input class="perW50" v-model="item.price" placeholder="请输入商品价格"/>
                    </FormItem>

                    <FormItem label="商品原价：" prop="" v-show="index==gonggeindex">
                      <Input class="perW50" v-model="item.oldprice" placeholder="请输入商品价格"/>
                    </FormItem>


                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="是否显示新品：" props="zujinshow">
                      <i-switch size="large" v-model="item.isnew">
                        <span slot="open">是</span>
                        <span slot="close">否</span>
                      </i-switch>
                    </FormItem>


                  </div>


                </Card>
              </Form>


              <Form v-if="mychooseitem.label =='miaosha'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>



                  <FormItem label="是否显示头部：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowhead">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>




                  <FormItem label="秒杀图片：" prop="pic">


                    <div class="pictrueBox" @click="modalPicTap('formValidate','formValidatepic', 0)">
                      <div class="pictrue" v-if="formValidate.pic">
                        <img style="width: 60px;height: 60px;" v-lazy="formValidate.pic"/>

                        <div class="demo-upload-list-cover">
                          <Icon type="ios-trash-outline" @click="handleRemove('pageconfig', 0)">
                          </Icon>
                        </div>

                        <Input v-model="formValidate.pic" style="display: none"></Input>
                      </div>
                      <div class="upLoad acea-row row-center-wrapper" v-else>
                        <Input v-model="formValidate.pic" style="display: none"></Input>
                        <Icon type="ios-camera-outline" size="26"/>
                      </div>
                    </div>


                  </FormItem>



                  <FormItem label="标题：" prop="">
                    <Input class="perW50" v-model="formValidate.title" placeholder="请输入标题文本"/>
                  </FormItem>


                  <FormItem label="商品边距:" prop="">
                    <Select v-model="formValidate.wairight" placeholder="请选择外边距" class="perW50">
                      <Option value="">无</Option>
                      <Option value="margin-right-xs">很小</Option>
                      <Option value="margin-right-sm">小</Option>
                      <Option value="margin-right">中</Option>
                      <Option value="margin-right-lg">大</Option>
                      <Option value="margin-right-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否显示价格：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowprice">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>

                  <FormItem label="是否显示倒计时：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.isshowtime">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>



                  <FormItem label="主题色：" prop="">
                    <Select v-model="formValidate.themecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>

                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="商品名称：" prop="">
                      <Input class="perW50" v-model="item.title" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="商品价格：" prop="" v-show="index==gonggeindex">
                      <Input class="perW50" v-model="item.price" placeholder="请输入商品价格"/>
                    </FormItem>

                    <FormItem label="商品折扣：" prop="" v-show="index==gonggeindex">
                      <Input class="perW50" v-model="item.zhekou" placeholder="请输入商品价格"/>
                    </FormItem>

                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex  ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>
                      </Select>
                    </FormItem>




                  </div>


                </Card>
              </Form>


              <Form v-if="mychooseitem.label =='tuwen'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>


                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>

                  <FormItem label="是否显示标题标签：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showtag">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="是否显示角标：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showimgtag">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="图片大小：" props="zujinshow">
                    <RadioGroup v-model="formValidate.imgsize" type="button">
                      <Radio label="sm" class="radio">很小</Radio>
                      <Radio label="xs" class="radio">小</Radio>
                      <Radio label="" class="radio">中</Radio>
                      <Radio label="lg" class="radio">大</Radio>
                      <Radio label="xl" class="radio">很大</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="图文高度：" props="zujinshow">
                    <RadioGroup v-model="formValidate.tuheight" type="button">
                      <Radio :label="1" class="radio">大</Radio>
                      <Radio :label="2" class="radio">小</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="图文占比：" props="zujinshow">
                    <RadioGroup v-model="formValidate.tuwidth" type="button">
                      <Radio :label="1" class="radio">100%</Radio>
                      <Radio :label="2" class="radio">50%</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="显示时间：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showtime">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示卡片：" props="zujinshow">
                    <RadioGroup v-model="formValidate.iscard">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>


                  <FormItem label="显示箭头：" props="zujinshow">
                    <RadioGroup v-model="formValidate.showarrow">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="图片圆角：" props="zujinshow">
                    <RadioGroup v-model="formValidate.isimground">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">否</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">
                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="描述颜色：" prop="">
                    <Select v-model="formValidate.miaocolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                </Card>


                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="菜单标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>


                    <FormItem label="图片类型：" props="imgtype" v-show="index==gonggeindex">
                      <RadioGroup v-model="item.imgtype">
                        <Radio :label="1" class="radio">图片</Radio>
                        <Radio :label="2" class="radio">图标</Radio>
                      </RadioGroup>
                    </FormItem>

                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex && item.imgtype==1 ">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="选择图标：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">
                      <Input class="perW50" v-model="item.iconname" placeholder="请选择图标"/>

                      <Button @click="chooseicon(1)" class="btn">选择</Button>
                    </FormItem>

                    <FormItem label="图标颜色：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.iconcolor" placeholder="请选择颜色" class="perW50">

                        <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                        </Option>

                      </Select>

                    </FormItem>



                    <FormItem label="菜单文本描述：" prop="">
                      <Input class="perW50" v-model="item.desc" placeholder="请输入菜单名称"/>
                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex  ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>

                    </FormItem>

                  </div>


                </Card>
              </Form>

              <Form v-if="mychooseitem.label =='article'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="图片在左边：" props="zujinshow">
                    <i-switch size="large" v-model="formValidate.imgleft">
                      <span slot="open">是</span>
                      <span slot="close">否</span>
                    </i-switch>
                  </FormItem>


                  <FormItem label="图片圆角：" props="zujinshow">
                    <RadioGroup v-model="formValidate.isimground" type="button">
                      <Radio :label="1" class="radio">圆角</Radio>
                      <Radio :label="2" class="radio">方角</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="标题颜色：" prop="">
                    <Select v-model="formValidate.titlecolor" placeholder="请选择颜色" class="perW50">
                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>
                    </Select>
                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>




                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>


                    <FormItem label="文章标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入名称"/>
                    </FormItem>

                    <FormItem label="菜单文本：" prop="">
                      <Input class="perW50" v-model="item.desc" placeholder="请输入菜单名称"/>
                    </FormItem>


                    <FormItem label="时间：" prop="">
                      <Input class="perW50" v-model="item.time" placeholder="请输入"/>
                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex  ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>

                    </FormItem>






                  </div>


                </Card>
              </Form>


              <Form v-if="mychooseitem.label =='xuanfu'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="显示位置：" prop="cate_id">
                    <Select v-model="formValidate.showlocation" placeholder="请选择宫格类型" class="perW50">
                      <Option value="youxia">右下</Option>
                      <Option value="youshang">右上</Option>
                      <Option value="zuoxia">左下</Option>
                      <Option value="zuoshang">左上</Option>

                    </Select>
                  </FormItem>




                  <FormItem label="上下偏移：" prop="">

                    <Input type="number" placeholder="请输入上下偏移,默认px" v-model="formValidate.shangxiamove"
                           class="perW50">
                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>

                      </Select>

                    </Input>

                  </FormItem>


                  <FormItem label="左右偏移：" prop="">

                    <Input type="number" placeholder="请输入左右偏移,默认px" v-model="formValidate.zuoyoumove"
                           class="perW50">
                      <Select slot="append" style="width: 50px">
                        <Option value="px">px</Option>

                      </Select>

                    </Input>

                  </FormItem>

                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>
                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="菜单标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="图片类型：" props="imgtype" v-show="index==gonggeindex">
                      <RadioGroup v-model="item.imgtype">
                        <Radio :label="1" class="radio">图片</Radio>
                        <Radio :label="2" class="radio">图标</Radio>
                      </RadioGroup>
                    </FormItem>

                    <FormItem label="图片：" prop="pic" v-show="index==gonggeindex && item.imgtype==1 ">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>

                    <FormItem label="背景颜色：" prop="" v-show="index==gonggeindex">

                      <ColorPicker v-model="item.bgcolor1"/>
                    </FormItem>

                    <FormItem label="选择图标：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">
                      <Input class="perW50" v-model="item.iconname" placeholder="请选择图标"/>

                      <Button @click="chooseicon()" class="btn">选择</Button>
                    </FormItem>

                    <FormItem label="图标颜色：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.iconcolor" placeholder="请选择颜色" class="perW50">

                        <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                        </Option>

                      </Select>

                    </FormItem>

                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex  ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>

                    </FormItem>


                  </div>



                </Card>
              </Form>

              <Form v-if="mychooseitem.label =='tagzujian'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>

                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                  <FormItem label="对齐方式:" prop="duiqitype">
                    <Select v-model="formValidate.duiqitype" placeholder="请选择对齐方式" class="perW50">

                      <Option value="start">默认</Option>
                      <Option value="start">元素和容器的左端对齐</Option>
                      <Option value="end">元素和容器的右端对齐</Option>
                      <Option value="center">元素在容器里居中</Option>
                      <Option value="around">元素之间保持相等的距离</Option>
                      <Option value="between">元素周围保持相等的距离</Option>

                    </Select>
                  </FormItem>
                  <FormItem label="排列方向:" prop="paitype">
                    <Select v-model="formValidate.paitype" placeholder="请选择排列方向" class="perW50">
                      <Option value="row">默认水平</Option>
                      <Option value="row-reverse">水平逆序</Option>
                      <Option value="column">垂直</Option>
                      <Option value="row-reverse">垂直逆序</Option>
                    </Select>
                  </FormItem>
                  <FormItem label="外边距:" prop="">
                    <Select v-model="formValidate.waitype" placeholder="请选择外边距" class="perW50">
                      <Option value="">无</Option>
                      <Option value="margin-sm">小</Option>
                      <Option value="margin">中</Option>
                      <Option value="margin-lg">大</Option>
                    </Select>
                  </FormItem>
                  <FormItem label="内边距:" prop="">
                    <Select v-model="formValidate.neitype" placeholder="请选择内边距" class="perW50">
                      <Option value="wu">无</Option>
                      <Option value="padding-xs">较小</Option>
                      <Option value="padding-sm">小</Option>
                      <Option value="padding">中等</Option>
                      <Option value="padding-lg">大</Option>
                      <Option value="padding-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="尺寸大小:" prop="sizetype">
                    <Select v-model="formValidate.sizetype" placeholder="请选择尺寸大小" class="perW50">
                      <Option value="">默认</Option>
                      <Option value="text-xs">较小</Option>
                      <Option value="text-sm">小</Option>
                      <Option value="text-df">中等</Option>
                      <Option value="text-lg">大</Option>
                      <Option value="text-xl">超大</Option>
                    </Select>
                  </FormItem>

                  <FormItem label="是否圆角：" props="isround">
                    <RadioGroup v-model="formValidate.isround">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="是否镂空：" props="islou">
                    <RadioGroup v-model="formValidate.islou">
                      <Radio :label="1" class="radio">是</Radio>
                      <Radio :label="2" class="radio">不是</Radio>
                    </RadioGroup>
                  </FormItem>

                  <FormItem label="背景颜色：" prop="">

                    <Select v-model="formValidate.bgcolor" placeholder="请选择背景颜色" class="perW50">

                      <Option v-for="item in colorLists" :value="item.name">{{ item.title }}</Option>

                    </Select>

                  </FormItem>

                </Card>


                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">标签</div>
                </div>
                <Card>


                  <div class="item"
                       style="position: relative;   border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">


                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>
                    <FormItem label="标签标题：" prop="">
                      <Input class="perW50" v-model="item.tagname" placeholder="请输入标签标题"/>
                    </FormItem>

                  </div>


                </Card>

              </Form>


              <Form v-if="mychooseitem.label =='dibubtn'" class="formValidate " ref="formValidate"
                    :model="formValidate" @submit.native.prevent>

                <Card>


                  <FormItem label="组件名称：" prop="">
                    <Input class="perW50" v-model="mychooseitem.labelname" placeholder="请输入组件名称"/>
                  </FormItem>


                  <FormItem label="栅格大小：" prop="">

                    <Slider class="perW50" style="margin-left: 80px;" v-model="formValidate.shangewidth"
                            :step="25"></Slider>
                  </FormItem>


                </Card>

                <div class="ivu-modal-header">
                  <div class="ivu-modal-header-inner">内容</div>
                </div>
                <Card>

                  <div class="item"
                       style="position: relative;  border: 2px dotted #009900; padding: 10px;margin: 0px;"
                       v-for="(item, index) in formValidate.elementdata" :key="index"
                       @click="chooseitem(index)">

                    <div v-show="index==gonggeindex">
                      <i class="ivu-icon ivu-icon-md-add-circle showadd2"
                         @click="gonggeadd(item,index,chooseitemindex)"></i>
                      <i class="ivu-icon ivu-icon-md-close-circle showdel2"
                         @click="gonggedel(item,index,chooseitemindex)"></i>
                    </div>

                    <FormItem label="菜单标题：" prop="">
                      <Input class="perW50" v-model="item.name" placeholder="请输入菜单名称"/>
                    </FormItem>

                    <FormItem label="图片类型：" props="imgtype" v-show="index==gonggeindex">
                      <RadioGroup v-model="item.imgtype">
                        <Radio :label="1" class="radio">图片</Radio>
                        <Radio :label="2" class="radio">图标</Radio>
                      </RadioGroup>
                    </FormItem>

                    <FormItem label="底部图片：" prop="pic" v-show="index==gonggeindex && item.imgtype==1 ">

                      <div class="pictrueBox" @click="modalPicTap('domeconfig', '',index)">
                        <div class="pictrue" v-if="item.pic">
                          <img style="width: 60px;height: 60px;" v-lazy="item.pic"/>
                          <Input v-model="item.pic" style="display: none"></Input>
                        </div>
                        <div class="upLoad acea-row row-center-wrapper" v-else>
                          <Input v-model="item.pic" style="display: none"></Input>
                          <Icon type="ios-camera-outline" size="26"/>
                        </div>
                      </div>

                    </FormItem>

                    <FormItem label="背景颜色：" prop="" v-show="index==gonggeindex">

                      <ColorPicker v-model="item.bgcolor1"/>
                    </FormItem>

                    <FormItem label="选择图标：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">
                      <Input class="perW50" v-model="item.iconname" placeholder="请选择图标"/>

                      <Button @click="chooseicon()" class="btn">选择</Button>
                    </FormItem>

                    <FormItem label="图标颜色：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.iconcolor" placeholder="请选择颜色" class="perW50">

                        <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                        </Option>

                      </Select>

                    </FormItem>


                    <FormItem label="跳转地址：" prop="" v-show="index==gonggeindex && item.imgtype==2 ">

                      <Select v-model="item.url" placeholder="请选择跳转地址" class="perW50">

                        <Option v-for="item in pathList" :value="item.path2">{{ item.path2 }}
                        </Option>

                      </Select>

                    </FormItem>




                  </div>


                </Card>
              </form>

            </div>


          </Tab-pane>
          <Tab-pane label="组件样式" name="name2">


            <div style="height: 80vh;overflow-y: scroll;">


              <Form class="formValidate " ref="formValidate" :model="formValidate">


                <Collapse v-model="value26">
                  <Panel name="5">
                    基础


                    <div slot="content">
                      <FormItem label="字体颜色：" prop="">

                        <ColorPicker v-model="formValidate.fontcolor"/>
                      </FormItem>

                      <FormItem label="水平对齐：" prop="">

                        <Select v-model="formValidate.horduiqi" placeholder="请选择圆角大小"
                                class="perW50">
                          <Option value="">默认</Option>
                          <Option value="left">左</Option>
                          <Option value="center">中</Option>
                          <Option value="right">右</Option>
                        </Select>

                      </FormItem>

                      <FormItem label="字体大小：" prop="">
                        <Slider class="perW50" style="margin-left: 80px;"
                                v-model="formValidate.fontsize"></Slider>
                      </FormItem>

                      <FormItem label="是否自适应宽度：" props="isflex">
                        <i-switch size="large" v-model="formValidate.isflex">
                          <span slot="open">是</span>
                          <span slot="close">否</span>
                        </i-switch>
                      </FormItem>

                    </div>


                  </Panel>

                  <Panel name="6">
                    背景


                    <div slot="content">
                      <FormItem label="背景颜色：" prop="">


                        <Select v-model="formValidate.bgcolor" placeholder="请选择背景颜色" class="perW50">


                          <Option value="">默认</Option>

                          <Option v-for="item in colorLists" :value="item.name">{{ item.title }}
                          </Option>


                        </Select>

                      </FormItem>


                      <FormItem label="背景图片：" prop="bgimage">

                        <div class="pictrueBox" @click="modalPicTap('domebgimgconfig', '',0)">
                          <div class="pictrue" v-if="formValidate.bgimage">
                            <img v-lazy="formValidate.bgimage" width="60" height="60"/>

                            <div class="demo-upload-list-cover">
                              <Icon type="ios-trash-outline" @click="handleRemove('domconfig', 0)">
                              </Icon>
                            </div>

                            <Input v-model="formValidate.bgimage" style="display: none"></Input>
                          </div>
                          <div class="upLoad acea-row row-center-wrapper" v-else>
                            <Input v-model="formValidate.bgimage" style="display: none"></Input>
                            <Icon type="ios-camera-outline" size="26"/>
                          </div>
                        </div>

                      </FormItem>


                      <FormItem label="背景图片位置：" prop="">
                        <Select v-model="formValidate.bgimglocation" placeholder="请选择背景图片位置" class="perW50">
                          <Option value="">默认</Option>
                          <Option value="left top">上左</Option>
                          <Option value="right top">上右</Option>
                          <Option value="left center">中左</Option>
                          <Option value="center center">居中</Option>
                          <Option value="right center">中右</Option>
                          <Option value="left bottom">底左</Option>
                          <Option value="center bottom">底中</Option>
                          <Option value="right bottom">底右</Option>
                        </Select>
                      </FormItem>


                      <FormItem label="背景图片大小：" prop="">
                        <Select v-model="formValidate.bgimgsize" placeholder="请选择背景图片大小" class="perW50">
                          <Option value="cover">默认</Option>
                          <Option value="cover">铺满整个显示区域</Option>
                          <Option value="contain">按宽高等比显示</Option>
                        </Select>
                      </FormItem>


                      <FormItem label="背景图像重复：" prop="">
                        <Select v-model="formValidate.bgimgrepeate" placeholder="请选择背景图像重复" class="perW50">
                          <Option value="">默认</Option>

                          <Option value="repeat-x">水平方向重复</Option>
                          <Option value="repeat-y">垂直方向重复</Option>
                          <Option value="no-repeat">仅显示一次</Option>

                        </Select>
                      </FormItem>


                      <FormItem label="背景颜色：" prop="">
                        <ColorPicker v-model="formValidate.bgcolorchoose"/>
                      </FormItem>


                    </div>


                  </Panel>


                  <Panel name="8">
                    外边距

                    <div slot="content">

                      <FormItem label="设置外边距：" props="setwai">


                        <i-switch size="large" v-model="formValidate.setwai">
                          <span slot="open">开启</span>
                          <span slot="close">关闭</span>
                        </i-switch>


                      </FormItem>


                      <FormItem label="上外边距：" prop="">

                        <Input type="number" placeholder="请输入上外边距,默认px"
                               v-model="formValidate.shangwaidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="右外边距：" prop="">

                        <Input type="number" placeholder="请输入右外边距,默认px"
                               v-model="formValidate.youwaidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="下外边距：" prop="">

                        <Input type="number" placeholder="请输入上外边距,默认px"
                               v-model="formValidate.xiawaidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="左外边距：" prop="">

                        <Input type="number" placeholder="请输入上外边距,默认px"
                               v-model="formValidate.zuowaidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>


                    </div>


                  </Panel>

                  <Panel name="7">
                    内边距


                    <div slot="content">


                      <FormItem label="设置内边距：" props="setnei">

                        <i-switch size="large" v-model="formValidate.setnei">
                          <span slot="open">开启</span>
                          <span slot="close">关闭</span>
                        </i-switch>

                      </FormItem>


                      <FormItem label="上内边距：" prop="">

                        <Input type="number" placeholder="请输入上内边距,默认px"
                               v-model="formValidate.shangneidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="右内边距：" prop="">

                        <Input type="number" placeholder="请输入右内边距,默认px"
                               v-model="formValidate.youneidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="下内边距：" prop="">

                        <Input type="number" placeholder="请输入上内边距,默认px"
                               v-model="formValidate.xianeidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="左内边距：" prop="">

                        <Input type="number" placeholder="请输入上内边距,默认px"
                               v-model="formValidate.zuoneidistance" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>


                    </div>


                  </Panel>


                  <Panel name="9">
                    圆角


                    <div slot="content">


                      <FormItem label="设置圆角：" props="setround">

                        <i-switch size="large" v-model="formValidate.setround">
                          <span slot="open">开启</span>
                          <span slot="close">关闭</span>
                        </i-switch>

                      </FormItem>


                      <FormItem label="上左圆角：" prop="">

                        <Input type="number" placeholder="请输入上左圆角,默认px"
                               v-model="formValidate.shangzuoround" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="上右圆角：" prop="">

                        <Input type="number" placeholder="请输入上右圆角,默认px"
                               v-model="formValidate.shangyouround" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem type="number" label="下左圆角：" prop="">

                        <Input placeholder="请输入下左圆角,默认px" v-model="formValidate.xiazuoround"
                               class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="下右圆角：" prop="">

                        <Input type="number" placeholder="请输入下右圆角 默认px"
                               v-model="formValidate.xiayouround" class="perW50">
                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>
                        </Input>
                      </FormItem>

                    </div>


                  </Panel>

                  <Panel name="10">
                    边框
                    <div slot="content">


                      <FormItem label="设置边框：" props="setborder">
                        <RadioGroup v-model="formValidate.setborder">
                          <Radio :label="1" class="radio">设置边框</Radio>
                          <Radio :label="2" class="radio">不设置边框</Radio>
                        </RadioGroup>
                      </FormItem>

                      <FormItem label="边框位置：" prop="">

                        <Select v-model="formValidate.borderlocation" placeholder="请选择边框位置"
                                class="perW50">
                          <Option value="border">全边框</Option>
                          <Option value="border-top">上边框</Option>
                          <Option value="border-right">右边框</Option>
                          <Option value="border-bottom">下边框</Option>
                          <Option value="border-left">左边框</Option>

                        </Select>
                      </FormItem>

                      <FormItem label="边框样式：" prop="">

                        <Select v-model="formValidate.borderstyle" placeholder="请选择边框位置"
                                class="perW50">
                          <Option value="solid">直线式边框</Option>
                          <Option value="none">无边框</Option>
                          <Option value="dotted">点线式边框</Option>
                          <Option value="dashed">破折线式边框</Option>
                          <Option value="double">双线式边框</Option>
                          <Option value="groove">槽线式边框</Option>
                          <Option value="ridge">脊线式边框</Option>
                          <Option value="inset">内嵌效果的边框</Option>


                        </Select>

                      </FormItem>

                      <FormItem label="边框大小：" prop="">

                        <Input type="number" placeholder="请输入边框大小,默认px"
                               v-model="formValidate.bordersize" class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="背景颜色：" prop="">
                        <ColorPicker v-model="formValidate.bordercolor"/>
                      </FormItem>

                    </div>

                  </Panel>

                  <Panel name="11">
                    阴影
                    <div slot="content">
                      <FormItem label="设置阴影：" props="setshadow">
                        <RadioGroup v-model="formValidate.setshadow">
                          <Radio :label="1" class="radio">设置阴影</Radio>
                          <Radio :label="2" class="radio">不设置阴影</Radio>
                        </RadioGroup>
                      </FormItem>

                      <FormItem label="水平阴影：" prop="">

                        <Input placeholder="请输入水平阴影,默认px" v-model="formValidate.horshadow"
                               class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>

                      <FormItem label="垂直阴影：" prop="">

                        <Input placeholder="请输入垂直阴影,默认px" v-model="formValidate.vershadow"
                               class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>
                      <FormItem label="模糊半径：" prop="">

                        <Input placeholder="请输入模糊半径,默认px" v-model="formValidate.mohushadow"
                               class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>
                      <FormItem label="展开半径：" prop="">

                        <Input placeholder="请输入展开半径,默认px" v-model="formValidate.expandshadow"
                               class="perW50">

                          <Select slot="append" style="width: 50px">
                            <Option value="px">px</Option>
                            <Option value="%">%</Option>
                            <Option value="rpx">rpx</Option>
                          </Select>

                        </Input>

                      </FormItem>


                      <FormItem label="阴影颜色：" prop="">
                        <ColorPicker v-model="formValidate.shadowcolor"/>
                      </FormItem>


                    </div>


                  </Panel>


                </Collapse>


              </form>
            </div>


          </Tab-pane>

          <Tab-pane label="CSS动画" name="name3">


            <div class="ivu-modal-header">
              <div class="ivu-modal-header-inner">默认动画<span class="text-red">(*选中组件后看效果*)</span></div>
            </div>

            <div class="flex justify-center flex-wrap margin-sm">
              <button v-for="(item, index) in animationlist"  @click.prevent="Toggle($event, item,index)" :key="index" class="cu-btn margin-xs padding-sm radius"
                      :class="[item.color?'bg-'+item.color:'',animation==item.name?'animation-' +item.name :'']">{{ item.name }}
              </button>

            </div>



          </Tab-pane>
        </Tabs>

      </Col>


    </Row>

    <Modal v-model="modalPic" width="1024px" scrollable footer-hide closable title="上传图片" :mask-closable="false"
           :z-index="1">
      <uploadPictures2 :userid="user.id" :isChoice="isChoice" @getPicD="getPicD" :gridBtn="gridBtn"
                       :gridPic="gridPic" v-if="modalPic"></uploadPictures2>
    </Modal>


    <Modal v-model="showcodemodel " width="1024px" scrollable footer-hide closable title="查看代码"
           :mask-closable="false" :z-index="1">

      <div class="codeEditBox">
        <editor
            v-model="showcodetest1"
            @init="editorInit"
            @input='codeChange'
            lang="html"
            :options="editorOptions"
            theme="twilight"
        ></editor>
      </div>

      <!--      ————————————————
            版权声明：本文为CSDN博主「路人甲小码」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
            原文链接：https://blog.csdn.net/weixin_44111864/article/details/115209430

             <showcode :code="showcodetest1"></showcode>
            -->

    </Modal>


    <div v-show="showloginmodel || showregmodel" class="mymodel flex justify-center align-center">


      <div v-show="showloginmodel" class="index_from page-account-container from-wh animation-slide-right ">

        <div class="flex justify-end">
          <i class="ivu-icon ivu-icon-md-close-circle showdel" @click="cancellogin('ere')"></i>
        </div>

        <div class="page-account-top">
          <h2 class="text-center margin-tb">可视化uniapp</h2>
          <h3 class="text-center margin-tb">用户登录</h3>
        </div>
        <Form ref="formInline" :model="formInline" @keyup.enter="handleSubmit('formInline')">
          <FormItem prop="username">
            <Input type="text" v-model="formInline.name" prefix="ios-contact-outline" placeholder="请输入用户名"
                   size="large"/>
          </FormItem>
          <FormItem prop="password">
            <Input type="password" v-model="formInline.pass" prefix="ios-lock-outline" placeholder="请输入密码"
                   size="large"/>
          </FormItem>

          <FormItem>
            <Button type="primary" long size="large" @click="handleSubmit('formInline')"
                    class="btn">登录
            </Button>
            <div class="flex justify-between margin-top">
              <span style="cursor: pointer;" @click="doreg()" class="text-red">免费注册</span>

              <span style="cursor: pointer;" @click="forget()" class="text-cyan">忘记密码</span>

            </div>

          </FormItem>
        </Form>
      </div>


      <div v-show="showregmodel" class="index_from page-account-container from-wh animation-slide-left ">

        <div class="flex justify-end">
          <i class="ivu-icon ivu-icon-md-close-circle showdel" @click="cancellogin('ere')"></i>
        </div>

        <div class="page-account-top">
          <h2 class="text-center margin-tb">可视化uniapp</h2>
          <h3 class="text-center margin-tb">用户注册</h3>
        </div>
        <Form ref="formInline" :model="formInlinereg" @keyup.enter="handleSubmitreg('formInlinereg')">
          <FormItem prop="username">
            <Input type="text" v-model="formInlinereg.name" prefix="ios-contact-outline"
                   placeholder="请输入用户名" size="large"/>
          </FormItem>
          <FormItem prop="password">
            <Input type="password" v-model="formInlinereg.pass" prefix="ios-lock-outline"
                   placeholder="请输入密码" size="large"/>
          </FormItem>
          <FormItem prop="password">
            <Input type="password" v-model="formInlinereg.repass" prefix="ios-lock-outline"
                   placeholder="请输入确认密码" size="large"/>
          </FormItem>

          <FormItem>
            <Button type="primary" long size="large" @click="handleSubmitreg('formInlinereg')"
                    class="btn">立即免费注册
            </Button>

            <div class="flex justify-between margin-top">
              <span style="cursor: pointer;" @click="uselogin()" class="text-red">用户登录</span>

              <span style="cursor: pointer;" @click="forget()" class="text-cyan">忘记密码</span>


            </div>

          </FormItem>
        </Form>
      </div>


    </div>


    <Modal v-model="modalpayPic" width="724px" scrollable footer-hide closable title="赞助作者" :mask-closable="false"
           :z-index="1">


      <div class="flex justify-around">

        <img width="350" src="https://shitangsys.cntdh.net//uploads/store/comment/20220510/eec38753886ceb73e34bb89fd05114ae.png" alt="">

      </div>


      <h2 class="text-lg text-red text-center margin-top">一块两块不嫌少，十块八块不嫌多！</h2>
      <h1 class="text-lg  text-center margin-top">你的鼓励是我最大的动力！</h1>


    </Modal>

    <Modal v-model="modalpayqqPic" width="724px" scrollable footer-hide closable title="加入QQ群学习" :mask-closable="false"
           :z-index="1">

      <div class="flex justify-around">

        <img width="350" src="https://shitangsys.cntdh.net/h6/keshihua.png" alt="">

      </div>

      <h2 class="text-lg text-red text-center margin-top">一起学习，一起进步！</h2>
      <h1 class="text-lg  text-center margin-top">分享技术，交流心得！</h1>


    </Modal>


    <Modal v-model="modalvipPic" width="724px" scrollable footer-hide closable title="开通VIP" :mask-closable="false"
           :z-index="1">

      <h6 class="text-sm text-center margin-top text-red">扫描二维码付费开通会员！</h6>

      <div class="flex justify-around">

        <div>
          <img width="150" height="160" src="https://shitangsys.cntdh.net//uploads/store/comment/20220906/c52fe8c61ba4c8ae9fb6b409912b0dc0.jpg" alt="">
          <h2 class=" text-center margin-top">开通时长：一个月！</h2>
        </div>
        <div>
          <img width="150" height="160"  src="https://shitangsys.cntdh.net//uploads/store/comment/20220906/c0444bb6745ced5ecb2bff3e982ed443.jpg" alt="">
          <h2 class=" text-center margin-top">开通时长：一天！</h2>
        </div>
      </div>



      <h2 class=" text-center margin-top">联系作者QQ：987095529！</h2>
      <h2 class=" text-center  text-sm text-orange margin-top">会员权益！</h2>
      <h2 class=" text-center  text-sm text-red">1.无限次查看代码！</h2>
      <h2 class=" text-center  text-sm text-red">2.无限次导出代码！</h2>
      <h2 class=" text-center  text-sm text-red">3.免费使用vip模板！</h2>
      <h2 class=" text-center  text-sm text-red">4.无限次保存你的设计！</h2>

    </Modal>


    <Modal v-model="modalmoban" width="760px" scrollable footer-hide closable title="保存当前设计模板"
           :mask-closable="false" :z-index="1">

      <Form class="formValidate mt20" ref="formValidate" :model="mobanformValidate" @submit.native.prevent>
        <Row :gutter="12" type="flex">
          <!-- 菜谱信息-->
          <Col span="12">
            <FormItem label="模板名称：" prop="name">
              <Input class="perW50" v-model="mobanformValidate.name" placeholder="请输入模板名称"/>
            </FormItem>

            <FormItem label="模板封面图：" prop="image">
              <div class="pictrueBox" @click="modalPicTap('mobandan', 'mobandanFrom',0)">
                <div class="pictrue" v-if="mobanformValidate.image">
                  <img style="width: 60px;height: 60px;" v-lazy="mobanformValidate.image"/>

                  <div class="demo-upload-list-cover">
                    <Icon type="ios-trash-outline" @click="handleRemove('mobanformValidate', 0)">
                    </Icon>
                  </div>

                  <Input v-model="mobanformValidate.image" style="display: none"></Input>
                </div>
                <div class="upLoad acea-row row-center-wrapper" v-else>
                  <Input v-model="mobanformValidate.image" style="display: none"></Input>
                  <Icon type="ios-camera-outline" size="26"/>
                </div>
              </div>

            </FormItem>
            <FormItem label="是否公开：" props="status">
              <RadioGroup v-model="mobanformValidate.ispublic">
                <Radio :label="1" class="radio">公开</Radio>
                <Radio :label="2" class="radio">不公开</Radio>

              </RadioGroup>
            </FormItem>

            <FormItem>

              <Button type="primary" class="submission" @click="dosavepagemoban('formValidate')">保存</Button>
            </FormItem>

          </Col>

        </Row>

      </Form>


    </Modal>



    <Modal v-model="mymoban" width="500px" scrollable footer-hide closable title="保存当前组件"
           :mask-closable="false" :z-index="1">

      <Form class="formValidate mt20" ref="formValidate" :model="mobanformValidate" @submit.native.prevent>
        <Row :gutter="12" type="flex">

          <Col span="12">
            <FormItem label="组件名称：" prop="name">
              <Input class="perW50" v-model="mobanformValidate.name" placeholder="请输入模板名称"/>
            </FormItem>

            <FormItem label="组件封面图：" prop="image">
              <div class="pictrueBox" @click="modalPicTap('mobandan', 'mobandanFrom',0)">
                <div class="pictrue" v-if="mobanformValidate.image">
                  <img style="width: 60px;height: 60px;" v-lazy="mobanformValidate.image"/>

                  <div class="demo-upload-list-cover">
                    <Icon type="ios-trash-outline" @click="handleRemove('mobanformValidate', 0)">
                    </Icon>
                  </div>
                  <Input v-model="mobanformValidate.image" style="display: none"></Input>
                </div>
                <div class="upLoad acea-row row-center-wrapper" v-else>
                  <Input v-model="mobanformValidate.image" style="display: none"></Input>
                  <Icon type="ios-camera-outline" size="26"/>
                </div>
              </div>

            </FormItem>
            <FormItem label="是否公开：" props="status">
              <RadioGroup v-model="mobanformValidate.ispublic">
                <Radio :label="1" class="radio">公开</Radio>
                <Radio :label="2" class="radio">不公开</Radio>
              </RadioGroup>
            </FormItem>

            <FormItem>
              <Button type="primary" class="submission" @click="dosavemoban2('formValidate')">保存</Button>
            </FormItem>

          </Col>

        </Row>

      </Form>


    </Modal>


    <Modal v-model="modalfile" width="460px" scrollable footer-hide closable title="新增文件文件夹"
           :mask-closable="false" :z-index="1">

      <Form class="formValidate mt20" ref="formValidate" :model="mobanformValidate" @submit.native.prevent>
        <Row :gutter="24" type="flex">

          <Col span="24">

            <FormItem label="上级目录：" prop="name" v-show="mobanformValidate.myfiletype==1">
              <Input class="perW50" readonly v-model="mobanformValidate.parentname" placeholder="请输入名称"/>
            </FormItem>

            <FormItem label="名称：" prop="name">
              <Input class="perW50" v-model="mobanformValidate.name" placeholder="请输入名称"/>
            </FormItem>

            <FormItem label="文件类型：" props="status"  v-show="mobanformValidate.myfiletype==1">
              <RadioGroup v-model="mobanformValidate.filetype">
                <Radio :label="1" class="radio">文件夹</Radio>
                <Radio :label="2" class="radio">文件</Radio>
              </RadioGroup>
            </FormItem>

            <FormItem>

              <Button type="info" class="submission" @click="dosavepagefile('formValidate')">保存</Button>
            </FormItem>

          </Col>

        </Row>

      </Form>


    </Modal>


    <Modal v-model="modalicon" width="560px" scrollable footer-hide closable title="图标选择" :mask-closable="false"
           :z-index="1">

      <Row :gutter="24" type="flex">
        <!-- 菜谱信息-->
        <Col span="24">

          <Input class="perW50" v-model="mobanformValidate.name" @on-change="searchicon"
                 placeholder="请输入关键字搜索图标,注意全是英文"/>

          <div class="cu-list grid col-5 no-border" style=" height: 400px;overflow-y: scroll;">
            <div class="cu-item" v-for="(item,index) in cuIconList" :key="index"
                 @click="chooseiconfromlist(item)" v-if="item.isShow">
              <p class="text-gray" :class="'cuIcon-' + item.name"></p>
              <p>{{ item.name }}</p>
            </div>
          </div>

        </Col>

      </Row>


    </Modal>


  </div>

</template>


<script>

  //debugger;

  import {
    mapState
  } from 'vuex';
  import FolderTree from './folder-tree';
  import uploadPictures2 from '@/components/uploadPictures2';
  import { js_beautify, css_beautify, html_beautify } from 'js-beautify'

  import Editor from 'vue2-ace-editor';
  import {
    setCookies,
    getCookies
  } from '@/libs/util';
  import myelement from './mycomp/myelement';
  import {
    generatecodeApi,
    savecodeApi,
    userLabelApi,
    userLabelAddApi,
    userlogin,
    userreg,
    savemoban,
    savepagefile,
    pagefiledel,
    exportcode,
    getmoban,
    getrecord,
    getnotice,
    userLabelCreate
  } from '@/api/user';
  import {
    mycompListApi,
    myuniproListApi,
    myunipropathListApi,
    mycompsave
  } from '@/api/school';
  export default {
    name: 'bigdata',
    components: {
      myelement,
      Editor,
      FolderTree,
      uploadPictures2
    },
    data () {
      return {
        folderList: [],
        code: '',
        editorOptions: {
          // 设置代码编辑器的样式
          enableBasicAutocompletion: true, //启用基本自动完成
          enableSnippets: true, // 启用代码段
          enableLiveAutocompletion: true, //启用实时自动完成
          enableEmmet: true, //启用实时自动完成
          useElasticTabstops: true, //启用实时自动完成
          tabSize: 2, //标签大小
          fontSize: 14, //设置字号
          showPrintMargin: false, //去除编辑器里的竖线
        },
        pathList: [],
        fileList: [],
        renderFunc: (h, { root, node, data }) => {

          return[
            h("span", [
              h("Icon", {
                props: {
                  type: data.type == 'folder' ?  "ios-folder":"logo-nodejs"
                },
                style: {
                  marginRight: "8px",
                  position: "relative",
                },
                on: {
                  click: (e) => {
                    this.getSelectedNodes(root, node, data, e);
                  },
                },
              }),
              h("span",
                  {
                    style: {

                    },
                    on: {
                      click: (e) => {
                        this.getSelectedNodes(root, node, data, e);
                      },
                    }
                  },data.title

              )
            ]),
            h(
                "span",
                {
                  style: {
                    display: "inline-block",

                    marginRight: "22px",
                    position: "absolute",
                    top: "-4px",
                    right: "20px",
                  }
                },
                [
                  h("Icon", {
                    props: {
                      type: "md-eye",
                    },
                    style: {
                      marginRight: "2px",
                      fontSize: "20px",
                      display: "inline",
                    },
                    on: {
                      click: (e) => {
                        this.onClickcode(root, node, data, e);
                      },
                    },
                  }),
                  h("Icon", {
                    props: {
                      type: "md-albums",
                    },
                    style: {
                      marginRight: "2px",
                      fontSize: "20px",
                      display: "inline",
                    },
                    on: {
                      click: (e) => {
                        this.onClickcodesave(root, node, data, e);
                      },
                    },
                  }),
                  h("Icon", {
                    props: {
                      type: "md-add",
                    },
                    style: {
                      marginRight: "2px",
                      fontSize: "20px",
                      display: "inline",
                    },
                    on: {
                      click: (e) => {


                        this.onClickadd(root, node, data, e);
                      },
                    },
                  }),
                  h("Icon", {
                    props: {
                      type: "md-close",
                    },
                    style: {
                      marginRight: "2px",
                      fontSize: "20px",
                      display: "inline",
                    },
                    on: {
                      click: (e) => {
                        this.onClickjian(root, node, data, e);
                      },
                    },
                  })
                ]

            )
          ]
        },

        value2: [1, 2, 3],
        name2: [5, 6, 8],
        butnum: 1,
        rpage: 1,
        gonggeindex: 0,
        chooseitemindex: 880,
        chooseflexitemindex: 880,
        chooseflexitemindex2: 880,
        flexindex: 880,
        flexindex2: 880,
        flex2move: false,
        formInline: {},
        dragging2: {},
        middleData: {},
        moveitem: {},
        formInlinereg: {},
        fileMiddleData: {},
        currentfile: {},
        middleIndex: 0,
        fileMddleIndex: 0,

        cuIconList: [],
        goodsList: [],
        miaosha: [],
        goodslistcate: [],
        recordLists: [],
        insertid: 0,
        insertid1: 0,
        insertid2: 0,
        sortid: 0,

        tableIndex: 0,
        value26: [5, 6, 8],
        name1: 'name2',
        codestr: `432424`,
        sortop: false,
        modalicon: false,
        animate: false,
        showloginmodel: false,
        lastleftinsert: false,
        leftinsert: false,
        modalpayPic: false,
        modalpayqqPic: false,
        modalvipPic: false,
        marqueeList: [{
          name: '可视化uniapp'
        }, {
          name: '自动拖拽布局'
        }, {
          name: '一键生成代码'
        }, {
          name: '一键复制代码'
        }],
        dibuList: [],

        ismanyicon: 1,
        modalPic: false,
        hastoptitle: false,
        hasdibubtn: false,
        images: [],
        tuwenlist: [],
        articlelist: [],
        choosemoban: 'publicmoban',
        imagesTable: '',
        notice: '',
        showcodetest1: '',
        currentTab: '1',
        isChoice: '',
        swiperOption: {
          pagination: {
            el: '.swiper-pagination',
          },
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          autoplay: {
            delay: 3000,
            disableOnInteraction: false,
          },
        },
        grid: {
          xl: 7,
          lg: 7,
          md: 12,
          sm: 24,
          xs: 24
        },
        gridPic: {
          xl: 6,
          lg: 8,
          md: 12,
          sm: 12,
          xs: 12,
        },
        gridBtn: {
          xl: 4,
          lg: 8,
          md: 8,
          sm: 8,
          xs: 8,
        },
        loading: false,
        mybannerlist: [],
        bannerlist: [{
          'lable': '',
          'title': '',
          'image': 'https://shitangsys.cntdh.net//uploads/attach/2022/03/20220309/e475104e2ffe2d77a966494c6a069976.png',
        },
          {
            'lable': '',
            'title': '',
            'image': 'https://shitangsys.cntdh.net//uploads/attach/2022/03/20220309/fb8023fd8b88ebcf0c634579615c16f5.png',
          },
        ],
        columns1: [],
        formcolumns1: [],
        formcolumns8: [],
        btnlist: [],
        labelFrom: {
          page: 1,
          limit: 15,
          label_cate: ''
        },

        colorLists: [],
        touxiangList: [],
        imgzujianList: [],
        labelLists: [],
        labelListscommon: [],
        publicmobanLists: [],
        usermobanLists: [],
        mychooseitem: {
          configparam: {}
        },
        MyMenus: [],
        xunMenus: [],
        taglist: [],
        tablist: [],
        buzhoulist: [],
        total: 0,
        myindexsrc: 0,
        myindexdst: 0,

        currentnav: 6,
        theme3: 'light',
        choosetab: 'name1',
        loginname: '注册登录',
        currentlabelconfig: 'pageconfig',
        currentlabelindex: 0,
        labelSort: [],
        selectList: [{
          'name': '下拉值一'
        }, {
          'name': '下拉值三'
        }, {
          'name': '下拉值二'
        }, {
          'name': '下拉值一'
        }],

        animation:'',
        animationlist: [{
          name: 'fade',
          color: 'red'
        },
          {
            name: 'scale-up',
            color: 'orange'
          },
          {
            name: 'scale-down',
            color: 'olive'
          },
          {
            name: 'slide-top',
            color: 'green'
          }, {
            name: 'slide-bottom',
            color: 'cyan'
          },
          {
            name: 'slide-left',
            color: 'blue'
          },
          {
            name: 'slide-right',
            color: 'purple'
          },
          {
            name: 'shake',
            color: 'mauve'
          }
        ],
        toggleDelay: false,

        formValidate: {},
        pageconfig: {},
        alldom: [],
        items: [],
        dragging: {},
        mobanformValidate: {},
        sortName: '',
        radioList: [],
        checkboxList: [],
        user: {},
        currentaudio: {
          poster: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png',
          name: '致爱丽丝',
          author: '暂无',
          src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
        },
        audioAction: {
          method: 'pause'
        },
        imgName: '',
        bgcolorname: '',
        visible: false,
        showcodemodel: false,
        modalmoban: false,
        mymoban: false,
        modalfile: false,
        showregmodel: false,
        uploadList: [],
        current: 0
      }
    },

    computed: {
      ...mapState('media', [
        'isMobile'
      ]),
      labelWidth () {
        return this.isMobile ? undefined : 75;
      },
      labelPosition () {
        return this.isMobile ? 'top' : 'right';
      },
      test (e) {
        console.log(e, '66454564');
      }
    },
    created(){

      setInterval(this.showMarquee, 2000);
      this.getUserLabelAll();
      /*       this.$nextTick(() => {
             // 禁用右键
             document.oncontextmenu = new Function('event.returnValue=false')
             // 禁用选择
             document.onselectstart = new Function('event.returnValue=false')
             //禁止f12
             document.οnkeydοwn = new Function('event.returnValue=false')
           })

           // 上面的禁止f12那段代码没有生效，但是加了下面这段就能生效。
           document.onkeydown = function (e) {
             if (e && e.keyCode === 123) {
               e.returnValue = false
               // e.keyCode = 0   //去掉也可以的，倘若要写，则需要setter 以及 getter配合使用，不配合，会报错
               return false
             }
           } */
    },

    mounted () {

      let userinfo = getCookies('userinfo');
      console.log(userinfo, '44444444');
      this.getnotice();

      if (userinfo != undefined) {

          if (userinfo != '') {
            this.user = JSON.parse(userinfo);
            this.loginname = this.user.name;
            console.log(this.user, '66454564');
            this.getList(0);
          }

      }


      this.cuIconList = this.$myapi.json('cuIcon');
      this.btnlist = this.$myapi.json('btnlist');
      this.colorLists = this.$myapi.json('colorLists');
      this.mybannerlist = this.$myapi.json('mybannerlist');
      this.touxiangList = this.$myapi.json('touxiangList');
      this.imgzujianList = this.$myapi.json('imgzujianList');
      this.MyMenus = this.$myapi.json('MyMenus');
      this.columns1 = this.$myapi.json('columns1');
      this.formcolumns1 = this.$myapi.json('formcolumns1');
      this.dibuList = this.$myapi.json('dibuList');
      this.radioList = this.$myapi.json('radioList');
      this.checkboxList = this.$myapi.json('checkboxList');
      this.tuwenlist = this.$myapi.json('tuwenlist');
      this.articlelist = this.$myapi.json('articlelist');
      this.formcolumns8 = this.$myapi.json('formcolumns8');
      this.xunMenus = this.$myapi.json('xunMenus');
      this.taglist = this.$myapi.json('taglist');
      this.tablist = this.$myapi.json('tablist');
      this.buzhoulist = this.$myapi.json('buzhoulist');
      this.goodsList = this.$myapi.json('goodsList');
      this.goodslistcate = this.$myapi.json('goodslistcate');
      this.miaosha = this.$myapi.json('miaosha');
      this.folderList = this.$myapi.json('prodata');
      if (this.$refs.testlocation.getBoundingClientRect) {
        console.log(this.$refs.testlocation.getBoundingClientRect(), '53453535')
      }

      var now = new Date();

      var day = now.getDate();
      day = day%15;
      console.log(day,'dayday');

      var thisday = this.colorLists[day];
      this.bgcolorname = 'bg-'+thisday.name;
      console.log(thisday,'thisday');
      console.log(day,'day');

    },

    methods: {

      codeChange(val){
        //console.log(val);
      },
      editorInit() {
        require('brace/theme/twilight');
        require('brace/ext/language_tools'); //language extension prerequsite...
        require('brace/mode/yaml');
        require('brace/mode/json');
        require('brace/mode/html');
        require('brace/mode/less');
        require('brace/snippets/json');
        require('brace/mode/lua');
        require('brace/snippets/lua');
        require('brace/mode/javascript');
        require('brace/snippets/javascript');
      },

      // 添加uploadPictures2
      handleSuccess (res, file) {

        if (res.status == 200) {
          this.$Message.success(res.msg);
        }
        this.pageconfig.pic = res.data.url;
        this.pageconfig.mytest = '3232434';

      },

      add () {
        this.$modalForm(userLabelAddApi(0)).then(() => this.getList());
      },

      uselogin () {
        this.showloginmodel = true;
        this.showregmodel = false;
        return;
      },
      doreg () {

        this.showregmodel = true;
        this.showloginmodel = false;
        e.stopPropagation();
        return;
      },

      logout () {

        let userinfo = setCookies('userinfo', '');
        this.user = {};
        this.loginname = '注册登录';
        this.$Message.success('退出成功');
        //this.showloginmodel =true;
      },
      cancellogin () {
        this.showloginmodel = false;
        this.showregmodel = false;
      },
      dozanzhu () {
        this.modalpayPic = true;
      },
      dov2 () {
         location.href ="https://shitangsys.cntdh.net/admin/bigdata2"
      },
      dovip () {
        this.modalvipPic = true;
      },
      chooseiconfromlist (item) {

        console.log(item, '23333');
        console.log(item, '23333');

        if (this.ismanyicon == 2) {

          this.formValidate.iconname = item.name;
          this.modalicon = false;
          return;
        }

        let tabindex = this.gonggeindex;
        this.formValidate.elementdata.forEach((v8, index8) => {
          if (index8 == tabindex) {
            v8.iconname = item.name;
          }
        });
        this.modalicon = false;

        console.log(iconname, 'iconnameiconname');
        console.log(item, 'rwerwerwetttttttt');
        console.log(tabindex, 'tabindextabindex');

      },

      searchicon (e) {

        let key = this.mobanformValidate.name; //.value.toLowerCase();

        console.log(key, '4234234');
        let list = this.cuIconList;
        for (let i = 0; i < list.length; i++) {
          let a = key;
          let b = list[i].name.toLowerCase();
          if (b.search(a) != -1) {
            list[i].isShow = true
          } else {
            list[i].isShow = false
          }
        }
        this.cuIconList = list

        //this.modalpayPic = true;
      },

      modalPicTap (tit, picTit, index) {

        console.log(tit, '8800000');
        console.log(picTit, '4444443');

        this.modalPic = true;
        this.isChoice = tit === 'dan' ? '单选' : '多选';
        this.picTit = picTit;

        this.currentlabelconfig = tit;
        this.currentlabelindex = picTit;
        this.tableIndex = index;
      },
      // 分组列表
      getList (indexp) {
        this.loading = true;

        this.labelFrom.uid = this.user.id;
        this.labelFrom.ispublic = indexp;
        mycompListApi(this.labelFrom).then(async res => {
          let data = res.data;
          this.labelLists = data.list;
          if (indexp == 1) {
            this.labelListscommon = data.list;
          }

          this.total = data.count;
          this.loading = false;
        }).catch(res => {
          this.loading = false;
          this.$Message.error(res.msg);
        })


        this.labelFrom = {};
        this.labelFrom.uid = this.user.id;
        this.labelFrom.pagetype = 1;
        myuniproListApi(this.labelFrom).then(async res => {
          let data = res.data;
          if (data.length>0){
            this.folderList = data;
          }

          this.loading = false;
        }).catch(res => {
          this.loading = false;
          this.$Message.error(res.msg);
        })

        this.labelFrom = {};
        this.labelFrom.uid = this.user.id;
        myunipropathListApi(this.labelFrom).then(async res => {
          let data = res.data;
          if (data.length>0){
            this.pathList = data;
          }
          this.loading = false;
        }).catch(res => {
          this.loading = false;
          this.$Message.error(res.msg);
        })


      },

      getmobanList () {
        this.loading = true;

        this.labelFrom.uid = this.user.id;
        this.labelFrom.token = this.user.token;
        this.labelFrom.isrecord = 0;
        getmoban(this.labelFrom).then(async res => {

          this.publicmobanLists = res.data.publicdata;
          this.usermobanLists = res.data.userdata;

          console.log(res, '44455552222');
        }).catch(res => {
          this.loading = false;
          this.$Message.error(res.msg);
        })

      },
      getnotice () {

        this.labelFrom.isrecord = 0;
        getnotice(this.labelFrom).then(async res => {

          this.notice = res.data.uni_notice;
          console.log(res, 'getnotice44455552222');
        }).catch(res => {
          this.loading = false;
          this.$Message.error(res.msg);
        })

      },

      getmobanListrecord () {
        this.loading = true;
        this.labelFrom.uid = this.user.id;
        this.labelFrom.token = this.user.token;
        this.labelFrom.isrecord = 1;
        this.labelFrom.page = this.rpage;
        this.labelFrom.limit = 10;
        getrecord(this.labelFrom).then(async res => {
          this.recordLists = res.data.userdata;
          console.log(res, '44455552222');
        }).catch(res => {
          this.loading = false;
          this.$Message.error(res.msg);
        })

      },

      changerecordpage (page) {
        console.log(page,'pagepage');
        this.rpage = page;
        this.getmobanListrecord();
      },

      chooseitem (index) {
        console.log(index, '4444444422222222222222');
        this.gonggeindex = index;
      },
      gonggeadd (item, index, bigindex) {

        let myitem = JSON.parse(JSON.stringify(item));

        let myflexindex = this.chooseflexitemindex;
        console.log(myflexindex, 'myflexindex767868');
        this.formValidate.elementdata.push(myitem);
        console.log(this.formValidate, '767868');
        console.log(item, 'itemindex767868');
        console.log(index, 'index767868');
        return;

      },
      gonggedel (item, index, bigindex) {

        let myflexindex = this.chooseflexitemindex;

        this.$delete(this.formValidate.elementdata, index);

        return;
      },
      gonggeadd2 (item, index, bigindex) {

        //this.alldom[bigindex].elementdata.push(item);

        let myitem = JSON.parse(JSON.stringify(item));
        ;

        this.formValidate.elementdata2.push(myitem);

        console.log(this.formValidate, '767868');
        return;
      },
      gonggedel2 (item, index, bigindex) {

        this.$delete(this.alldom[bigindex].elementdata2, index);

        return;
      },

      // 修改
      resetpage () {
        this.hasdibubtn = false;
        this.hastoptitle = false;
        this.alldom = [];
        this.pageconfig = {};
      },

      deldom (e,index,type) {

        console.log(type,'删除type');
        /*  console.log(this.chooseitemindex,'3333333chooseflexitemindex');
         console.log(type,'222222222type');
         console.log(index,'222222222index');
         console.log(this.alldom[this.chooseitemindex].elementdata,'daetadatandex');
         return; */
        /*111*/

        if(type==2){
          console.log(this.alldom[this.chooseitemindex].elementdata[index],'daetadatandex');
          this.$delete(this.alldom[this.chooseitemindex].elementdata, index);
        }

        if(type==3){
          console.log(index,'indexhahahahhahahh');
          console.log(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata,'hahahahhahahh');

          this.$delete(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata, index)
        }


        if (this.alldom[index].label == 'toptitle') {
          this.hastoptitle = false;
        }
        if (this.alldom[index].label == 'dibubtn') {
          this.hasdibubtn = false;
        }
        if(type ==1){
          this.$delete(this.alldom, index);
        }
        /*       console.log(type, 'typetype');
              console.log(this.chooseitemindex, '767868');
              console.log(this.alldom[this.chooseitemindex].elementdata, 'this.alldom[this.chooseitemindex].elementdata767868');
       */


        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件


      },
      getPic (pc) {

        if (this.tableIndex == 0) {
          this.formValidate.image = pc.att_dir;
          //this.mychooseitem.image  = this.formValidate.image;
        }
        console.log(pc, '422222222');

        this.modalPic = false;
      },
      chooseitemfun3 (e, item, index) {
        console.log(item, 'item422222222');
        console.log(index, 'index422222222');

      },

      //选中的组件-----------------------------------------------
      chooseitemfun (e, item, index) {

        console.log(item, 'itemitemitemitem');
        if (item.elementdata2 == undefined) {
          item.elementdata2 = [];
        }
        if (item.elementdata == undefined) {
          item.elementdata = [];
        }
        if (item.label ==undefined){
          item.label = item.lable;
        }
        if (item.lable ==undefined){
          item.lable = item.label;
        }

        //this.modalPic = false;

        //data.elementdata = this.MyMenus;

        this.choosetab = 'name1'
        this.chooseitemindex = index;
        this.chooseflexitemindex = 880;

        this.formValidate = {};
        if (item.configparam) {
          this.formValidate = item.configparam;
        }

        if (item.elementdata.length > 0) {
          item.elementdata = item.elementdata; // item.elementdata;
          this.formValidate.elementdata = item.elementdata; // item.elementdata;
        }

        if (item.elementdata2.length > 0) {
          this.formValidate.elementdata2 = item.elementdata2; // item.elementdata;
        }
        this.mychooseitem = item;
        console.log(this.mychooseitem, 'mychooseitemmychooseitem');

        this.chooseflexitemindex2 = 880;

        e.stopPropagation(); // 在拖动中阻止默认事件

        return;
        // e.stopPropagation();
        return;
        //item = this.formValidate;// = item;

      },
      //选中的组件-----------------------------------------------
      chooseitemfun4 (e, item, index,mytopindex) {

        if (item.label ==undefined){
          item.label = item.lable;
        }
        //this.modalPic = false;

        //data.elementdata = this.MyMenus;

        this.chooseitemindex = mytopindex;
        this.choosetab = 'name1'
        this.chooseflexitemindex = index;
        this.chooseflexitemindex2 = 880;
        this.formValidate = {};

        if (item.configflexparam) {
          this.formValidate = item.configflexparam;
        }

        if (item.elementdata) {
          this.formValidate.elementdata = item.elementdata;
        }

        item.configflexparam = this.formValidate; // item.elementdata;
        this.mychooseitem = item;
        console.log(this.mychooseitem, 'this.mychooseitemthis.mychooseitem');
        this.mychooseitem.labelname =this.mychooseitem.lablename;
        console.log(e.cancelBubble, 'e.cancelBubble');
        e.stopPropagation();

        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件

        return;
        //item = this.formValidate;// = item;

      },


      chooseitemfun44(e, item, index,mytopindex,topindex) {

        if (item.label ==undefined){
          item.label = item.lable;
        }
        //this.modalPic = false;

        //data.elementdata = this.MyMenus;

        this.chooseflexitemindex = mytopindex;
        this.chooseitemindex = topindex;
        this.choosetab = 'name1'
        this.chooseflexitemindex2 = index;
        this.formValidate = {};

        if (item.configflexparam) {
          this.formValidate = item.configflexparam;
        }

        if (item.elementdata) {
          this.formValidate.elementdata = item.elementdata;
        }

        item.configflexparam = this.formValidate; // item.elementdata;
        this.mychooseitem = item;
        this.mychooseitem.labelname =this.mychooseitem.lablename;

        console.log(index, 'index,mytopindex');
        console.log(mytopindex, 'index,mytopindex');
        console.log(e.cancelBubble, 'e.cancelBubble');

        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件

        return;
        //item = this.formValidate;// = item;

      },

      showMarquee () {

        this.animate = true;

        setTimeout(() => {

          this.marqueeList.push(this.marqueeList[0]);

          this.marqueeList.shift();

          this.animate = false;

        }, 500)
      },
      tomobile(){
        this.$router.push({
          path: "/admin/bigdata2",
        });
      },
      dosavemoban2 () {

        let data = {
          'uid': this.user.id,
          'choose': this.mobanformValidate.name,
          'image': this.mobanformValidate.image,
          'ispublic': this.mobanformValidate.ispublic,
          'chooseen': this.mychooseitem.label,
          'obj': JSON.stringify(this.formValidate)
        };
        console.log(this.formValidate, 'zujincontent');
        mycompsave(data)
            .then(async (res) => {

              if (res.status == 200) {
                this.mymoban = false;
                this.$Message.success(res.msg);
                return;
              }


            })
            .catch((res) => {

              msg();
              let data = res === undefined ? {} : res;
              this.errorNum++;
              this.$Message.error(data.msg || '登录失败');

            });



      },

      getSelectedNodes(e,a,b,c){

        this.currentfile = b;

        this.$Message.success('你已选择保存设计到'+b.title+'文件！');
        console.log(e,'eee');
        console.log(a,'aa');
        console.log(b,'bb');
        console.log(c,'ccc');

      },

      toset (e) {

        if (e == 'toset') {
          this.chooseitemindex = 880;
          this.formValidate = {};
          this.choosetab = 'name1'
          this.mychooseitem = {};
        }

        if (e == 'copy') {

          console.log(this.chooseflexitemindex,'chooseflexitemindex');
          console.log(this.chooseflexitemindex2,'chooseflexitemindex2');
          console.log(this.chooseflexitemindex,'2324234');

          if (this.chooseflexitemindex == 880 && this.chooseflexitemindex2 == 880){
            let testmenu = JSON.parse(JSON.stringify(this.alldom[this.chooseitemindex]));
            this.alldom.splice(this.chooseitemindex, 0, testmenu);
          }

          if (this.chooseflexitemindex != 880 && this.chooseflexitemindex2 != 880){

            let testmenu = JSON.parse(JSON.stringify(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata[this.chooseflexitemindex2]));
            this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata.splice(this.chooseflexitemindex, 0, testmenu);
          }

          if (this.chooseflexitemindex != 880 && this.chooseflexitemindex2 == 880){

            let testmenu = JSON.parse(JSON.stringify(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex]));
            this.alldom[this.chooseitemindex].elementdata.splice(this.chooseflexitemindex, 0, testmenu);
          }

          //this.$delete(this.alldom[this.chooseitemindex].elementdata, index);
        }
        if (e == 'shangyi') {

          if (this.chooseitemindex == 0 && this.chooseflexitemindex ==880 && this.chooseflexitemindex2 ==880) {

            this.$Message.error('最顶部了，不能上移了！');
            return;
          }

          if (this.chooseflexitemindex !=880 && this.chooseflexitemindex2 !=880){

            let mylength = this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex2].elementdata.length;
            this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata[this.chooseflexitemindex2] =this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata.splice(this.chooseflexitemindex2 - 1, 1, this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata[this.chooseflexitemindex2])[0]
            this.chooseflexitemindex2 -=1;

            console.log(mylength,'mylengthmylength');
            console.log(this.chooseflexitemindex,'chooseflexitemindex');
            console.log(this.chooseflexitemindex2,'chooseflexitemindex2');

            if (this.chooseflexitemindex2<0){
              this.chooseflexitemindex2 = 0;
            }
            return;
          }

          if (this.chooseflexitemindex !=880 && this.chooseflexitemindex2 ==880){
            let mylength = this.alldom[this.chooseitemindex].elementdata.length;
            this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex] =this.alldom[this.chooseitemindex].elementdata.splice(this.chooseflexitemindex - 1, 1, this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex])[0]
            this.chooseflexitemindex -= 1;

            console.log(mylength,'mylength');
            console.log(this.chooseflexitemindex,'222222222');

            if (this.chooseflexitemindex<0){
              this.chooseflexitemindex = 0;
            }
            return;
          }

          let index = this.chooseitemindex;
          this.alldom[index] = this.alldom.splice(index - 1, 1, this.alldom[index])[0]

          this.chooseitemindex -= 1;

        }

        if (e == 'xiayi') {


          if (this.chooseitemindex >= this.alldom.length -1 && this.chooseflexitemindex ==880) {

            this.$Message.error('到底了，不能下移了！');
            return;
          }


          if (this.chooseflexitemindex !=880 && this.chooseflexitemindex2 !=880){

            let mylength = this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata.length;

            // let shjialength =  mylength-1;
            console.log(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata[this.chooseflexitemindex2],'eeeeeeeee');
            this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata[this.chooseflexitemindex2] = this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata.splice(this.chooseflexitemindex2 + 1, 1, this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata[this.chooseflexitemindex2])[0]
            console.log(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata,'datadata000');
            /*          if (this.chooseflexitemindex2 >= mylength){
                        this.chooseflexitemindex2 = mylength-1;
                        this.$Message.error('到底了，不能下移了！');
                     } else{
                       this.chooseflexitemindex2 +=1;
                     }
          */
            // if (this.chooseflexitemindex2 < shjialength){
            //     this.chooseflexitemindex2 +=1;
            // } else{
            //      this.chooseflexitemindex2 =0;
            // }

            console.log(mylength,'mylengthmylength99');
            console.log(this.chooseflexitemindex,'chooseflexitemindex');
            console.log(this.chooseflexitemindex2,'chooseflexitemindex2');

            //this.chooseflexitemindex2 = this.chooseflexitemindex2+1;
            /*        if ( this.chooseflexitemindex2== mylength){
                        this.chooseflexitemindex2 = shjialength;
                   } */
            return;
          }


          if (this.chooseflexitemindex !=880 && this.chooseflexitemindex2 ==880){
            let mylength = this.alldom[this.chooseitemindex].elementdata.length;
            this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex] =this.alldom[this.chooseitemindex].elementdata.splice(this.chooseflexitemindex + 1, 1, this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex])[0]
            this.chooseflexitemindex += 1;


            console.log(mylength,'mylength');
            console.log(this.chooseflexitemindex,'222222222');

            //this.chooseflexitemindex = this.chooseflexitemindex+1;
            /*
          if (this.chooseflexitemindex<0){
                  this.chooseflexitemindex = 0;
              }
            */
            if ( this.chooseflexitemindex== mylength){
              this.chooseflexitemindex = mylength-1;
            }

            return;
          }

          let index = this.chooseitemindex;
          this.alldom[index] = this.alldom.splice(index + 1, 1, this.alldom[index])[0]
          //this.chooseitemindex +=1;

          this.chooseitemindex += 1;

        }

        if (e == 'delete') {

          let index = this.chooseitemindex;

          if (this.alldom[index].label == 'toptitle') {
            this.hastoptitle = false;
          }

          if (this.alldom[index].label == 'dibubtn') {
            this.hasdibubtn = false;
          }

          //this.chooseitemindex +=1;

          if (this.chooseflexitemindex == 880 && this.chooseflexitemindex2 == 880){

            this.$delete(this.alldom, index)
          } /* else{

            /!*             let testmenu = JSON.parse(JSON.stringify(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex]));
                        this.alldom[this.chooseitemindex].elementdata.splice(this.chooseflexitemindex, 0, testmenu); *!/
          }
 */
          if (this.chooseflexitemindex != 880 && this.chooseflexitemindex2 != 880){

            this.$delete(this.alldom[this.chooseitemindex].elementdata[this.chooseflexitemindex].elementdata, this.chooseflexitemindex2)

          }

          if (this.chooseflexitemindex != 880 && this.chooseflexitemindex2 == 880){
            this.$delete(this.alldom[this.chooseitemindex].elementdata, this.chooseflexitemindex)
          }



        }

        if (e == 'savemoban') {


          console.log(this.formValidate, '668888');
          if (this.mychooseitem.label == undefined || this.mychooseitem.label == '') {
            this.$Message.error('请选择保存的组件');
            return;
          }
          if (this.user.id == undefined || this.mychooseitem.id == 0) {
            this.$Message.error('请先登录');
            return;
          }
          this.mobanformValidate.name =  this.mychooseitem.labelname;

          this.mymoban = true;

          return;

          //this.formValidate = {};

        }

        //this.modalPic = false;

      },

      tosetnav (e) {

        console.log(e, '666666644444444444');
        if (e == 888) {
          this.modalpayqqPic = true;
          return;
        }

        this.currentnav = e;
        if (e == 9) {
          this.getList(0);
        }

        if (e == 8) {
          this.getList(1);
        }

        if (e == 10) {
          this.getmobanList();
        }

        if (e == 3) {
          this.getmobanListrecord();
        }

        //this.modalPic = false;

      },

      // 获取多张图信息
      getPicD (pc) {
        this.modalPic = false;

        if (pc.length > 1) {
          this.$Message.error('只能选择一张图片');
          return;
        }

        if (this.currentlabelconfig == 'pageconfig') {
          this.pageconfig.pic = pc[0].att_dir;
        }

        let tabindex = this.tableIndex;
        let newimg = pc[0].att_dir;

        console.log(this.currentlabelconfig, '444444this.currentlabelconfig44');
        console.log(newimg, '444newimgnewimgnfig44');

        if (this.currentlabelconfig == 'domebgimgconfig') {
          this.formValidate.bgimage = newimg;
        }


        if (this.currentlabelconfig == 'formValidate') {
          this.formValidate.pic = newimg;
        }

        if (this.currentlabelconfig == 'danconfig') {
          if (this.currentlabelindex == 'videoimage') {
            this.formValidate.videoimage = newimg;
          }
          if (this.currentlabelindex == 'imgimage') {
            this.formValidate.imgimage = newimg;
          }
        }

        if (this.currentlabelconfig == 'mobandan') {
          this.mobanformValidate.image = newimg;
        }

        if (this.currentlabelconfig == 'domeconfig') {

          this.formValidate.elementdata.forEach((v8, index8) => {

            if (index8 == tabindex) {
              v8.image = newimg;
              v8.pic = newimg;
              console.log(v8, '4444444444444444');
            }

          });

        }

        console.log(pc, '42222444444444442222');
      },

      handleSubmit (name) {

        let msg = this.$Message.loading({
          content: '登录中...',
          duration: 0,
        });
        this.loading = true;

        userlogin({
          user: this.formInline.name,
          pwd: this.formInline.pass
        })
            .then(async (res) => {
              msg();
              let data = res.data;

              console.log(data, '4222424');

              console.log(res.status, '42226666666666424');
              let expires = 300000;

              this.user = data;
              // 记录用户登陆信息
              setCookies('userid', data.id, expires);
              setCookies('usertoken', data.token, expires);
              setCookies('userinfo', data, expires);

              console.log(res.status, '42226666666666424');
              if (res.status == 200) {
                this.getList(0);
                this.$Message.success('登录成功');
                this.loginname = data.name;
                this.loading = false;
                this.showloginmodel = false;
                return;
              }

            })
            .catch((res) => {

              msg();
              let data = res === undefined ? {} : res;
              this.errorNum++;
              this.$Message.error(data.msg || '登录失败');

            });

      },

      handleSubmitreg (name) {

        let msg = this.$Message.loading({
          content: '登录中...',
          duration: 0,
        });
        this.loading = true;

        userreg({
          user: this.formInlinereg.name,
          pwd: this.formInlinereg.pass,
          repwd: this.formInlinereg.repass
        })
            .then(async (res) => {
              msg();
              let data = res.data;

              console.log(res.status, '42226666666666424');
              if (res.status == 200) {

                this.$Message.success(res.msg);

                this.loading = false;
                this.showloginmodel = false;
                this.showregmodel = false;
                return;
              }

            })
            .catch((res) => {

              msg();
              let data = res === undefined ? {} : res;
              this.errorNum++;
              this.$Message.error(data.msg || '注册失败');

            });

      },

      // 删除
      del (row, tit, num) {
        let delfromData = {
          title: tit,
          num: num,
          url: `user/user_label/del/${row.id}`,
          method: 'DELETE',
          ids: ''
        };
        this.$modalSure(delfromData).then((res) => {
          this.$Message.success(res.msg);
          this.labelLists.splice(num, 1);

          this.getList(0);
        }).catch(res => {
          this.$Message.error(res.msg);
        });
      },
      // 标签分类
      getUserLabelAll (key) {

        //let aa = this.$refs.testlocation.getBoundingClientRect().top;

        console.log('666666633333333333333');
        //console.log(aa,'666666633333333333333');
        let catetop = this.$myapi.json('navList');
        this.labelSort = catetop;

      },
      // 显示标签小菜单

      handleRemove (filenam, index) {
        // 从 upload 实例删除数据

        if (filenam == 'pageconfig') {
          this.pageconfig.pic = '';
        }

        if (filenam == 'domconfig') {
          this.formValidate.bgimage = '';
        }

        if (filenam == 'mobanformValidate') {
          this.mobanformValidate.image = '';
        }

        return;

      },
      chooseicon (param) {

        this.ismanyicon = param;

        this.modalicon = true;
      },

      //查看源码
      showcode () {

        console.log(this.user, '32423423');
        let obj = {
          'pageconfig': JSON.stringify(this.pageconfig), // .stringify()
          'dom': JSON.stringify(this.alldom),
          'uid': this.user.id,
          'isrecord': 1,
          'recordtype': '查看',
          'token': this.user.token
          // .stringify()
        }

        console.log(obj, '参数');
        generatecodeApi(obj).then((res) => {

              if (res.status == 200) {

                this.user.count -= 1;
                this.showcodetest1 = res.data.code;
                this.showcodetest1 = html_beautify(this.showcodetest1)

                this.$Message.success('代码自动生成成功');
                this.showcodemodel = true;
                return;
              }

            }
        ).catch(res => {
          this.$Message.error(res.msg);
        })
      },

      //保存代码到文件
      savecode () {
        console.log(this.user, '32423423');

        this.currentfile.pageconfig = JSON.stringify(this.pageconfig);
        this.currentfile.domconfig = JSON.stringify(this.alldom);
        let obj = {
          'pageconfig': JSON.stringify(this.pageconfig), // .stringify()
          'dom': JSON.stringify(this.alldom),
          'uid': this.user.id,
          'data': JSON.stringify(this.currentfile),
          'token': this.user.token
          // .stringify()
        }
        console.log(obj, '参数');
        savecodeApi(obj).then((res) => {
              if (res.status == 200) {
                this.$Message.success('代码保存到'+res.data.name+'文件成功');




                this.labelFrom = {};
                this.labelFrom.uid = this.user.id;
                myunipropathListApi(this.labelFrom).then(async res => {
                  let data = res.data;
                  if (data.length>0){
                    this.pathList = data;
                  }
                  this.loading = false;
                }).catch(res => {
                  this.loading = false;
                  this.$Message.error(res.msg);
                })



                return;
              }
            }
        ).catch(res => {
          this.$Message.error(res.msg);
        })




      },

      //保存模板
      savepagemoban () {
        this.modalmoban = true;
      },
      showcodepage () {
        this.$Message.error('正在开发，敬请期待');
      },

      getrecord (item) {
        //hastoptitle
        let mydom = JSON.parse(item.dom)
        let that = this;
        that.hastoptitle = false;
        that.hasdibubtn = false;
        mydom.forEach((v8, index8) => {
          if (v8.label == 'toptitle') {
            that.hastoptitle = true;
          }
          if (v8.label == 'dibubtn') {
            that.hasdibubtn = true;
          }
        });

        console.log(that.hastoptitle,'342424label');

        this.alldom = mydom;
        this.pageconfig = JSON.parse(item.pageconfig);

        return;
        console.log(ee, '2342424');
      },

      dosavepagemoban () {

        console.log(this.user, '32423423');
        console.log(this.mobanformValidate, '44444444222');
        let obj = {
          'pageconfig': JSON.stringify(this.pageconfig), // .stringify()
          'dom': JSON.stringify(this.alldom),
          'uid': this.user.id,
          'image': this.mobanformValidate.image,
          'ispublic': this.mobanformValidate.ispublic,
          'name': this.mobanformValidate.name,
          'token': this.user.token
          // .stringify()
        }
        savemoban(obj).then((res) => {
              console.log(res, 'resresresres参数');

              if (res.status == 200) {
                this.$Message.success(res.msg);
                this.modalmoban = false;
                return;
              }

            }
        ).catch(res => {
          this.$Message.error(res.msg);
        })

      },
      dosavepagefile () {
        console.log(this.user, '32423423');
        console.log(this.mobanformValidate, '44444444222');
        let obj = {
          'uid': this.user.id,
          'filetype': this.mobanformValidate.filetype,
          'myfiletype': this.mobanformValidate.myfiletype,
          'fileid': this.mobanformValidate.fileid,
          'name': this.mobanformValidate.name,
          'token': this.user.token
          // .stringify()
        }
        savepagefile(obj).then((res) => {
              console.log(res, 'resresresres参数');

              if (res.status == 200) {
                this.modalfile = false;

                this.labelFrom = {};
                this.labelFrom.uid = this.user.id;
                this.labelFrom.pagetype = 1;
                myuniproListApi(this.labelFrom).then(async res => {
                  let data = res.data;
                  if (data.length>0){
                    this.folderList = data;
                  }

                  this.loading = false;
                }).catch(res => {
                  this.loading = false;
                  this.$Message.error(res.msg);
                })


                this.labelFrom = {};
                this.labelFrom.uid = this.user.id;
                myunipropathListApi(this.labelFrom).then(async res => {
                  let data = res.data;
                  if (data.length>0){
                    this.pathList = data;
                  }
                  this.loading = false;
                }).catch(res => {
                  this.loading = false;
                  this.$Message.error(res.msg);
                })

                return;
              }

            }
        ).catch(res => {
          this.$Message.error(res.msg);
        })

      },

      exportcode () {
        let that = this;
        console.log(this.user, '32423423');
        console.log(this.mobanformValidate, '44444444222');
        let obj = {
          'pageconfig': JSON.stringify(this.pageconfig), // .stringify()
          'dom': JSON.stringify(this.alldom),
          'uid': this.user.id,
          'isrecord': 1,
          'recordtype': '导出',
          'image': this.mobanformValidate.image,
          'ispublic': this.mobanformValidate.ispublic,
          'name': this.mobanformValidate.name,
          'token': this.user.token
          // .stringify()
        }
        exportcode(obj).then((res) => {
              console.log(res, 'resresresres参数');

              //that.downloadFile(res);
              if (res.status == 200) {

                this.user.count -= 1;
                this.$Message.success('代码导出成功');
                window.open(res.data.url)

                return;
              }

            }
        ).catch(res => {
          this.$Message.error(res.msg);
        })

      },
      downloadFile (data) {
        let blob = new Blob([data], {
          type: 'application/zip'
        });
        let url = window.URL.createObjectURL(blob);
        const link = document.createElement('a'); // 创建a标签
        link.href = url;
        let date = new Date();
        link.download = 'fileDown' + FormatTime('YYYY-mm-dd HH:MM', date); // 重命名文件
        link.click();
        URL.revokeObjectURL(url); // 释放内存
      },


      handleDragStartflex (e, item) {
        console.log(e, 'handleDragStartflex');
        console.log(item, 'handleDragStartflex');
      },

      handleDragStartflex2 (e, item) {
        console.log(e, 'handleDragStartflex');
        console.log(item, 'handleDragStartflex');
      },

      handleDragLeaveflex (e, item,index) {
        e.dataTransfer.dropEffect = "none";

        console.log(this.insertid, 'handleDragLeaveflexthis.insertid');

        if (index ==this.insertid){
          /// this.flexindex = 880;
          this.leftinsert = false;
        } else{
          this.leftinsert = true;
        }
        e.preventDefault();

        console.log(this.flexindex, 'flexindexflexindex');
        console.log(e, 'handledragleaveflex');
      },

      handleDragEnterflex (e, item,index) {
        e.dataTransfer.dropEffect = "move";
        console.log(this.insertid, 'handleDragEnterflex.insertid');

        this.leftinsert = false;
        this.flexindex = index;
        /*
          console.log(item, 'insertid1位置item');
          const newItems = [...this.alldom[this.flexindex].elementdata];

          const dst = newItems.indexOf(item);
          console.log(dst, 'insertid1位置itemdstdstdstdstdst');
          this.insertid1 = dst; */
        //myflex0
        let testmenu = JSON.parse(JSON.stringify(this.moveitem));
        console.log(this.flexindex, 'flexindexflexindex');
        console.log(testmenu, 'moveitem');
        e.preventDefault();
      },


      handleDragEnterflex444 (e, item,index) {

        console.log(item, 'insertid1位置item');
        const newItems = [...this.alldom[this.flexindex].elementdata];

        const dst = newItems.indexOf(item);
        console.log(dst, 'insertid1位置itemdstdstdstdstdst');
        this.insertid1 = dst;
        //myflex0
        let testmenu = JSON.parse(JSON.stringify(this.moveitem));
        console.log(this.flexindex, 'flexindexflexindex');
        console.log(testmenu, 'moveitem');
        e.preventDefault();
      },


      handleDragOverflex (e, item) {

        e.preventDefault();
        //console.log(e, 'handleDragOverflex');
        ///console.log(item, 'handleDragOverflex');
      },

      handleOnDragflex (e, item) {

        let testmenu = JSON.parse(JSON.stringify(this.moveitem));
        console.log(testmenu, '进入到flex布局了');
        console.log(this.flexindex, 'this.flexindexveitemmoveitem');
        console.log(this.alldom[this.flexindex], 'this.alldom[this.flexindex]moveitemmoveitem');
        testmenu.configflexparam ={};
        testmenu.elementdata =[];

        if (testmenu.lable == 'wenbencontent') {
          testmenu.configflexparam.content = '文本内容';
        }
        if (testmenu.lable == 'fuzhuline') {

          testmenu.configflexparam.lineheight = '1';
          testmenu.configflexparam.lineborderstyle = 'solid';
          testmenu.configflexparam.linecolor = '#ccc';
        }


        if (testmenu.lable == 'flexlayout') {
          testmenu.configflexparam.width = 120;
          testmenu.configflexparam.height = 120;
          testmenu.configflexparam.setwai = 1;
          testmenu.configflexparam.setnei = 1;
          testmenu.configflexparam.iswrap = 1;
          testmenu.elementdata = [];
          testmenu.configflexparam.bgcolor = "#fff";
          testmenu.configflexparam.shangwaidistance = 5;
          testmenu.configflexparam.shangneidistance = 5;
          testmenu.configflexparam.zuowaidistance = 5;
          testmenu.configflexparam.zuoneidistance = 5;
        }

        if (testmenu.lable == 'touxiangicon') {

          testmenu.configflexparam.iconfontsize = 23;
          let arr = [];
          arr.push(this.touxiangList[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));

          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable  == 'imgzujian') {
          let arr = [];
          arr.push(this.imgzujianList[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable == 'button') {
          let arr = [];
          arr.push(this.btnlist[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable == 'tuwen') {
          let arr = [];
          arr.push(this.tuwenlist[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable == 'tagzujian') {
          let arr = [];
          arr.push(this.taglist[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }


        this.alldom[this.flexindex].elementdata.splice(this.insertid1, 0, testmenu);

        //this.alldom[this.flexindex].elementdata.push(testmenu);

        this.flexindex = 880;
        this.flexindex2 = 880;

        this.lastleftinsert = true;
        this.moveitem ={};
        console.log(this.alldom, 'this.alldom');
      },

      /**
       *
       * @param e
       * @param item
       */


      handleDragOverflex22 (e, item) {

        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件
      },

      handleDragEnterflex22 (e, item,index1,index) {


        const newItems = [...this.alldom[this.flexindex].elementdata[this.flexindex2].elementdata];
        const src = newItems.indexOf(newItems.length - 1);
        const srcdata = this.alldom[newItems.length - 1];
        const dst = newItems.indexOf(item);
        this.insertid2 = dst;
        console.log(dst, 'flex位置');
        console.log(item, 'flex位置item');
        console.log(newItems, 'flex位置数据');
        console.log(e, 'handleDragEndflex最新');
        e.preventDefault();
      },

      handleDragLeaveflex22 (e, item,index) {
        console.log(e, 'handleDragEndflex最新');
        e.preventDefault();
      },

      handleOnDragflex22 (e, item) {
        console.log(e, 'handleDragEndflex最新');
      },


      handleDragEndflex2 (e, item) {
        this.flex2move = false;

        console.log(e, 'handleDragEndflex');
        console.log(item, 'handleDragEndflex');
      },

      handleDragLeaveflex2 (e, item,index) {

        e.dataTransfer.dropEffect = "none";
        this.flex2move = false;
        console.log(this.insertid, 'handleDragLeaveflexthis.insertid');
        //this.flexindex2 = 880;
        console.log(this.flexindex, 'flexindexflexindex');
        console.log(e, 'handledragleaveflex');
        e.preventDefault();
        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件

      },

      handleDragEnterflex2 (e, item,index,index1) {

        this.flex2move = true;
        e.dataTransfer.dropEffect = "move";
        this.leftinsert = false;
        this.flexindex2 = index;
        this.flexindex = index1;
        /*

                console.log(item, 'insertid1位置item');
                const newItems = [...this.alldom[this.flexindex].elementdata];

                const dst = newItems.indexOf(item);
                this.insertid1 = dst;
        */

        console.log(this.insertid1, 'insertid1位置');
        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件

      },

      handleDragOverflex2 (e, item) {

        e.preventDefault();
        //console.log(e, 'handleDragOverflex');
        ///console.log(item, 'handleDragOverflex');
        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件

      },

      handleOnDragflex2 (e, item) {
        this.flex2move = true;
        let testmenu = JSON.parse(JSON.stringify(this.moveitem));
        /*       console.log(testmenu, '进入到flex2222布局了');
              console.log(this.flexindex2, 'this.flexindex222');
              console.log(this.alldom[this.flexindex], 'this.alldom[this.flexindex]moveitemmoveitem');
              console.log(this.alldom[this.flexindex], 'this.alldom[this.flexindex]moveitemmoveitem');
              */

        testmenu.configflexparam ={};
        testmenu.elementdata =[];

        console.log(testmenu, 'flex2testmenulable');
        if (testmenu.lable == 'wenbencontent') {
          testmenu.configflexparam.content = '文本内容';
        }
        /*   console.log(testmenu.lable, 'flex2testmenulable');
          console.log(this.flexindex2, 'this.flexindex2');
   */

        /*

        console.log(this.alldom[this.flexindex].elementdata, 'flex2flex2flex2flex2testmenu3');
        this.alldom[this.flexindex].elementdata.elementdata[this.chooseflexitemindex].push(testmenu);
*/

        if (testmenu.lable == 'fuzhuline') {
          testmenu.configflexparam.lineheight = '1';
          testmenu.configflexparam.lineborderstyle = 'solid';
          testmenu.configflexparam.linecolor = '#ccc';
        }



        if (testmenu.lable == 'touxiangicon') {

          testmenu.configflexparam.iconfontsize =23;
          let arr = [];
          arr.push(this.touxiangList[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable  == 'imgzujian') {
          let arr = [];
          arr.push(this.imgzujianList[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          /*
                    testmenu3.configflexparam.setwai=true;
                    testmenu3.configflexparam.shangwaidistance=5;
                    testmenu3.configflexparam.zuowaidistance=5; */
          testmenu.elementdata = testmenu3;
        }


        if (testmenu.lable == 'button') {
          let arr = [];
          arr.push(this.btnlist[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable == 'tuwen') {
          let arr = [];
          arr.push(this.tuwenlist[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        if (testmenu.lable == 'tagzujian') {
          let arr = [];
          arr.push(this.taglist[0]);
          let testmenu3 = JSON.parse(JSON.stringify(arr));
          console.log(testmenu3, 'testmenu3');
          testmenu.elementdata = testmenu3;
        }

        //有问题 啊
        console.log(this.alldom[this.flexindex].elementdata[this.flexindex2].elementdata, 'flex2flex2flex2flex2testmenu3');


        //insertid2

        this.alldom[this.flexindex].elementdata[this.flexindex2].elementdata.splice(this.insertid2, 0, testmenu);


        //this.alldom[this.flexindex].elementdata[this.flexindex2].elementdata.push(testmenu);

        this.flexindex = 880;
        this.flexindex2 = 880;
        this.lastleftinsert = true;
        this.moveitem ={};
        console.log(this.alldom, 'this.alldom');
        e.preventDefault(); // 在拖动中阻止默认事件
        e.stopPropagation(); // 在拖动中阻止默认事件

      },


      handleDragStart (e, item) {

        this.leftinsert = true;
        console.log(item, '444444');
        let testmenu = JSON.parse(JSON.stringify(item));
        console.log(testmenu, 'handleDragStarttestmenu');
        this.moveitem = testmenu;
        console.log(e, '444444');

      },

      handleDragOver (e, item) {
        e.preventDefault();
        //console.log(e,'33');
        // console.log(e,'33');

        // console.log(item,'3333');
      },

      handleDragEnter (e, item, itemname) {
        e.preventDefault();
        console.log(item, '666');
      },

      handleDragEnd (e, item, labelname,mytype,mydata={}) {

        if (this.lastleftinsert == true){
          this.lastleftinsert = false;
          this.leftinsert = false;
          return;
        }

        console.log(this.moveitem,'this.moveitem');

        this.moveitem ={};
        this.leftinsert = false;
        this.flexindex = 880;
        this.flexindex2 = 880;
        console.log(e.clientX, 'clientX');
        console.log(e.clientY, 'clientY');

        let myleft = this.$refs.testlocation.getBoundingClientRect().left + 78;
        let myright = this.$refs.testlocation.getBoundingClientRect().right - 78;

        if ((e.clientX > myleft && e.clientX < myright && e.clientY > 159) || mytype ==99 || this.flex2move) {

          console.log(myright, 'clientYclientYclientY');
          console.log(myleft, 'myleftmyleftmyleft');

          let data = {};
          data.clientX = e.clientX;
          data.clientY = e.clientY;
          data.label = item;
          data.labelname = labelname;
          data.configparam = {};
          data.elementdata = [];
          //默认外边距
          data.configparam.youwaidistance = 0;
          data.configparam.shangwaidistance = 5;
          data.configparam.xiawaidistance = 5;
          data.configparam.zuowaidistance = 0;
          //默认内边距
          data.configparam.youneidistance = 5;
          data.configparam.shangneidistance = 5;
          data.configparam.xianeidistance = 5;
          data.configparam.zuoneidistance = 5;
          //默认进度
          data.configparam.currentjin = 75;
          //默认宫格数量
          data.configparam.gongtype = 4;
          //基础设置
          data.configparam.fontsize = 13;
          //圆角设置

          data.configparam.shangzuoround = 10;
          data.configparam.shangyouround = 10;
          data.configparam.xiayouround = 10;
          data.configparam.xiazuoround = 10;

          data.configparam.borderstyle = '#000';
          data.configparam.bordersize = 2;

          data.configparam.lineheight = 1;
          data.configparam.lineborderstyle = 'solid';
          data.configparam.linecolor = '#aaa';

          data.configparam.shadowcolor = '#d1d1d1';
          data.configparam.horshadow = 0;
          data.configparam.expandshadow = 0;
          data.configparam.vershadow = 1;
          data.configparam.setfit = 1;

          data.configparam.mohushadow = 3;
          data.configparam.shangewidth = 100;
          //提示信息
          data.configparam.showtitle = 1;
          data.configparam.datetype = 1;

          data.configparam.title = '标题';
          data.configparam.placeholdertip = '请输入提示信息';
          data.configparam.searchtip = '请搜索商品、视频、文章';
          data.configparam.bgcolorchoose = '#ffffff';

          data.configparam.zujinshow = 1;
          data.configparam.setdan = 1;
          data.configparam.content = 'uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。';

          if (item == 'gongge') {
            let testmenu = JSON.parse(JSON.stringify(this.$myapi.json('MyMenus')));

            console.log(testmenu, 'rrrrrrrrrrrrrr');

            data.elementdata = testmenu;
          }

          if (item == 'button') {

            data.configparam.ismylou = 2;
            data.configparam.bgcolor = 'gray';
            data.configparam.ismylousize = 1;
            let testmenu = JSON.parse(JSON.stringify(this.$myapi.json('btnlist')));
            data.elementdata = testmenu;
          }

          if (item == 'modelcomp') {
            let testmenu = JSON.parse(JSON.stringify(this.$myapi.json('btnlist')));
            data.elementdata = testmenu;
          }

          if (item == 'noticelan') {
            data.elementdata = this.marqueeList;
          }

          console.log(mydata,'444444444');

          if (item == 'flexlayout') {

            console.log(mydata,'2222444');
            data.configparam.width = 330;
            data.configparam.iswrap =1;
            data.configparam.isscroll = 3;
            data.configparam.height = 150;
            data.elementdata = [];
            data.elementdata2 = [];

          }

          if (item == 'toptitle') {
            this.hastoptitle = true;
          }

          if (item == 'select') {

            let testmenu = JSON.parse(JSON.stringify(this.selectList));

            data.elementdata = testmenu;
          }
          if (item == 'tabchange') {

            let testmenu = JSON.parse(JSON.stringify(this.tablist));
            data.elementdata = testmenu;
          }
          console.log(item,'888842422');
          if (item == 'buzhou') {

            let testmenu = JSON.parse(JSON.stringify(this.buzhoulist));
            data.elementdata = testmenu;
          }

          console.log(data.elementdata,'34242422');

          if (item == 'radio') {
            let testmenu = JSON.parse(JSON.stringify(this.radioList));

            data.elementdata = testmenu;
          }

          if (item == 'checkbox') {

            let testmenu = JSON.parse(JSON.stringify(this.checkboxList));
            data.elementdata = testmenu;
          }
          data.elementdata2 = [];

          if (item == 'goodslist') {
            data.configparam.isshowtitle = true;

            data.configparam.isshowsales = true;

            data.configparam.isshowhead = true;
            data.configparam.isshowsales = true;

            data.configparam.isshowprice = true;
            data.configparam.isshowoldprice = true;
            data.configparam.mytitlecolor = 'rgba(249,84,41,1)';
            data.configparam.bgcolorchoose = '';

            console.log(item, '444tme');

            let testmenu = JSON.parse(JSON.stringify(this.goodsList));

            data.elementdata = testmenu;

            let testmenu2 = JSON.parse(JSON.stringify(this.goodslistcate));

            console.log(testmenu2, '34444444444535');
            data.elementdata2 = testmenu2;

          }

          if (item == 'miaosha') {

            data.configparam.isshowhead = true;
            data.configparam.title = "限时秒杀";
            data.configparam.pic = "http://pro.crmeb.net/static/images/spike-icon-002.gif";
            data.configparam.themecolor = "red";
            data.configparam.isshowtime = true;
            data.configparam.isshowprice = true;
            data.configparam.mytitlecolor = 'rgba(249,84,41,1)';
            data.configparam.bgcolorchoose = '#fff';

            console.log(item, '444tme');

            let testmenu = JSON.parse(JSON.stringify(this.miaosha));

            data.elementdata = testmenu;


          }

          if (item == 'dibubtn') {
            this.hasdibubtn = true;
            data.elementdata = this.dibuList;
          }

          if (item == 'xuanfu') {
            data.elementdata = this.xunMenus;
            data.configparam.showlocation = 'youxia';
            data.configparam.shangxiamove = '100';
            data.configparam.zuoyoumove = '60';

          }

          if (item == 'mybanner') {

            data.configparam.pointcolor = '#ff4200';
            data.configparam.bannerpointstyle = '1';
            data.configparam.distance = 12;
            data.configparam.bgcolor1 = '#ff9700';
            data.configparam.bgcolor2 = '#ed1c24';

            let testmenu = JSON.parse(JSON.stringify(this.mybannerlist));
            data.elementdata = testmenu;
          }

          if (item == 'tupianbanner') {
            data.elementdata = this.bannerlist;
          }

          if (item == 'tagzujian') {

            let testmenu = JSON.parse(JSON.stringify(this.taglist));

            data.elementdata = testmenu;
          }

          if (item == 'tuwen') {


            data.configparam.tuwidth = 1;
            data.configparam.showimg = 1;
            data.configparam.imgtype = 1;

            let testmenu = JSON.parse(JSON.stringify(this.tuwenlist));

            data.elementdata = testmenu;
          }
          data.configparam.imgleft = true;
          if (item == 'article') {
            let testmenu = JSON.parse(JSON.stringify(this.articlelist));
            data.elementdata = testmenu;
          }

          if (item == 'touxiangicon') {
            data.configparam.iconfontsize = 23;
            let testmenu = JSON.parse(JSON.stringify(this.touxiangList));
            data.elementdata = testmenu;
          }
          if (item == 'imgzujian') {
            data.configparam.duiqitype = 'center';
            let testmenu = JSON.parse(JSON.stringify(this.imgzujianList));
            data.elementdata = testmenu;
          }
          //

          if (item == 'wenbencontent') {
            data.configparam.content = '文本内容';
          }

          console.log(mydata,'22222777777777');

          var number= ["article", "pintuan", "miaosha", "mybanner","goodslist"];

          if (JSON.stringify(mydata) != '{}' && number.indexOf(item) == -1){

            console.log(mydata,'888888888882222444');
            let testmenu = JSON.parse(mydata.remark);
            data.configparam = testmenu;
            data.label = mydata.nameen;
            data.labelname = mydata.name;
            //data.configparam = {};
            data.elementdata = testmenu.elementdata;
          }





          if (labelname == 2) {

            data.configparam = JSON.parse(item.remark);

            data.label = item.nameen;
            data.labelname = item.name;
            //data.configparam = {};
            data.elementdata = data.configparam.elementdata; // [];
            data.configparam.elementdata = {};
            //console.log(JSON.parse(item.remark),'444444222');
          }

          console.log(data, '23424alldomalldomalldom');

          if (labelname == 66) {
            console.log(item, '556557777777777');

            //hastoptitle
            let mydom = JSON.parse(item.dom)

            let that = this;
            that.hastoptitle = false;
            that.hasdibubtn = false;
            mydom.forEach((v8, index8) => {

              console.log(v8, '4444445555555558');
              if (v8.label == 'toptitle') {
                console.log(v8, '4448v8');
                that.hastoptitle = true;
              }

              if (v8.label == 'dibubtn') {
                that.hasdibubtn = true;
              }

            });
            console.log(mydom, 'mydom22');
            this.alldom = mydom;
            this.pageconfig = JSON.parse(item.pageconfig);

            return;

            //console.log(JSON.parse(item.remark),'444444222');
          }

          console.log(this.insertid, '23424');
          console.log(this.alldom, '23424alldomalldomalldom');


          if (mytype == 99) {

            this.alldom.push(data);

            var container = document.getElementById("mymobile");
            ///container.scrollTop = container.scrollHeight;
            document.getElementById("mymobile").scrollTop =  1000000;
            console.log(e.cancelBubble, '23424e.cancelBubble');
            e.preventDefault(); // 在拖动中阻止默认事件
            e.stopPropagation(); // 在拖动中阻止默认事件

            return;
          }

          this.alldom.splice(this.insertid, 0, data);

          //this.alldom.push(data);
          return;
        } else {

          this.$Message.error('请移动到手机框内');
          return;
        }

        return;
      },

      handleDragStart2 (e, item) {
        this.dragging2 = item;
        this.sortop = true;

        console.log(e, '4444');
        console.log(item, '444449999994');
      },
      handleDragOver2 (e, item) {
        e.preventDefault(); // 在拖动中阻止默认事件
        //console.log(e, '33');
        return;
        // console.log(item,'3333');
      },
      showpageconfig (e) {

        console.log(e,'showpageconfigshowpageconfig');
        this.chooseitemindex = 880;
        this.choosetab = "name1";
        this.formValidate = {};
        this.mychooseitem = {};
        return;
        // console.log(item,'3333');
      },

      handleDragEnter2 (e, item) {
        e.preventDefault(); // 在拖动中阻止默认事件

        console.log(this.leftinsert, '777777779999999');

        if (this.leftinsert == false) {
          const newItems = [...this.alldom];

          e.dataTransfer.effectAllowed = 'move';

          this.myindexsrc = newItems.indexOf(this.dragging2);
          this.myindexdst = newItems.indexOf(item);
          this.sortid = this.myindexdst;

        }

        if (this.leftinsert == true) {

          const newItems = [...this.alldom];
          const src = newItems.indexOf(newItems.length - 1);
          const srcdata = this.alldom[newItems.length - 1];
          const dst = newItems.indexOf(item);
          this.insertid = dst;
          console.log(srcdata, '真实是打发');

          //newItems.splice(this.insertid, 0,srcdata);
          //this.alldom = newItems;
        }

      },

      handleDragEnd2 (e, item) {

        this.sortop = false;
        const newItems = [...this.alldom];



        this.moveitem ={};
        this.leftinsert = false;
        this.flexindex = 880;

        newItems.splice(this.myindexdst, 0, ...newItems.splice(this.myindexsrc, 1));
        this.alldom = newItems;

        console.log(this.myindexdst, '66666666666');
        console.log(this.myindexdst, '9999999');
      },

      chooseNav (e, item) {
        console.log(e, '88');
        console.log(item, '888888');
      },

      onClick (root, node,data,e) {
        console.log(root, 'root');
        console.log(node, 'node');
        console.log(data, 'data');
        console.log(e, 'e');
      },

      onClickcodesave (e,a,b,c) {

        let content = "当前设计页面将会覆盖该文件"+b.title+'的设计, 你确定这样操作吗？';
        this.$Modal.confirm({
          title: '保存代码到文件',
          closable: true,
          maskClosable: true,
          content: content,
          onOk: () => {
            this.currentfile = b;
            this.savecode();

          },
          onCancel: () => {
            this.$Message.info('取消成功')
          }
        })

        console.log(b, '保存代码到文件');


      },

      onClickadd (root, node,data,e) {
        this.modalfile = true;
        console.log(root, 'root');
        console.log(node, 'node');
        console.log(data, 'data');
        this.mobanformValidate.parentname = data.name;
        this.mobanformValidate.name = data.name;
        this.mobanformValidate.fileid = data.id;
        if (data.type =="folder"){
          this.mobanformValidate.myfiletype = 1;
        } else{
          this.mobanformValidate.myfiletype = 2;
        }
        console.log(this.modalfile, 'ethis.modalfile');

      },
      onClickcode (root, node,data,e) {
        //hastoptitle
        let mydom = JSON.parse(data.domconfig)
        let mypageconfig = JSON.parse(data.pageconfig)
        let that = this;
        that.hastoptitle = false;
        that.hasdibubtn = false;
        mydom.forEach((v8, index8) => {
          if (v8.label == 'toptitle') {
            that.hastoptitle = true;
          }
          if (v8.label == 'dibubtn') {
            that.hasdibubtn = true;
          }
        });
        console.log(that.hastoptitle,'342424label');

        this.alldom = mydom;
        this.pageconfig = mypageconfig;
        console.log(this.modalfile, 'ethis.modalfile');

      },
      /*

            onClickjian (root, node,data,e) {

              console.log(root, 'root');
              console.log(node, 'node');
              console.log(data, 'data');

              console.log(this.modalfile, 'ethis.modalfile');

            },
      */

      onClickjian (root, node,data,e) {
        console.log(this.user, '32423423');
        console.log(this.mobanformValidate, '44444444222');
        let obj = {
          'uid': this.user.id,
          'data': JSON.stringify(data),//  this.mobanformValidate.myfiletype,
          'token': this.user.token
          // .stringify()
        }
        pagefiledel(obj).then((res) => {
              console.log(res, 'resresresres参数');

              if (res.status == 200) {
                this.modalfile = false;

                this.labelFrom = {};
                this.labelFrom.uid = this.user.id;
                this.labelFrom.pagetype = 1;
                myuniproListApi(this.labelFrom).then(async res => {
                  let data = res.data;
                  if (data.length>0){
                    this.folderList = data;
                  }

                  this.loading = false;
                }).catch(res => {
                  this.loading = false;
                  this.$Message.error(res.msg);
                })



                this.labelFrom = {};
                this.labelFrom.uid = this.user.id;
                myunipropathListApi(this.labelFrom).then(async res => {
                  let data = res.data;
                  if (data.length>0){
                    this.pathList = data;
                  }
                  this.loading = false;
                }).catch(res => {
                  this.loading = false;
                  this.$Message.error(res.msg);
                })



                return;
              }

            }
        ).catch(res => {
          this.$Message.error(res.msg);
        })

      },


      // 添加分类

      Toggle(e,item,index) {
        this.animation = item.name;
        this.formValidate.animation = item.name;

        setTimeout(()=>{
          this.animation= '';
        }, 2000)

        console.log(e,'4323423424');
      }

    }
  }
</script>

<style scoped>


.folder-wrapper {
  width: 300px
}




.index_from {
  border-radius: 10px;
  background: #fff;
  padding: 33px;
  border: 2px solid #eee;
  z-index: 444;
}

.showOn {
  color: #2d8cf0;
  background: #f0faff;
  z-index: 2;
}

.mycard {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.mycard:hover {
  border: 3px solid #1890ff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}


.showmymoban {
  display: none;
}

.showmymoban :hover {
  display: block;
}

.pcmo .mycard {
  border: 1px solid #ccc;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

ddile_goods {
  position: relative;
  width: 100%;
  background-color: #fff;
}

.demo-upload-list-cover {
  position: absolute;
  text-align: center;
  width: 59px;
  height: 59px;
  line-height: 59px;
  top: 0;
  left: 72px;
  background: rgba(0, 0, 0, .6);
}

.demo-upload-list:hover .demo-upload-list-cover {
  display: block;
}

.demo-upload-list-cover i {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  margin: 0 2px;
}


.pcswiperimg_goods {
  position: relative;
  background-color: #f5f5f5;

img {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

}

.ivu-menu-vertical .ivu-menu-item-group-title {
  display: none;
}

.ivu-menu-vertical.ivu-menu-light:after {
  display: none
}

.btnlist {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.btnlist button {
  margin: 10px 10px;

}

.mymodel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0,0.7);
  top: 1px;
  z-index: 333;
}

.showdel {
  position: absolute;
  right: 5px;
  cursor: pointer;
  top: 5px;
  z-index: 55555;
  color: #666;
  font-size: 22px;
}

.showflexdel {
  position: absolute;
  right: -2px;
  cursor: pointer;
  top: 0px;
  z-index: 55555;
  color: #555;
  font-size: 18px;
  z-index: 88888;
}

.showadd2 {
  position: absolute;
  right: 38px;
  cursor: pointer;
  top: 5px;
  z-index: 55555;
  color: #666;
  font-size: 22px;
}


.showdel2 {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 5px;
  z-index: 55555;
  color: #666;
  font-size: 22px;
}

.myon {
  border: 2px solid #1890ff;
}

.myflexon {
  background: rgba(255, 24, 74, 0.37);
  color: #555;
}

.flexchooseon {
  border:2px dotted #1890ff;
}

.flexchoose {
  border:none;
}

.widthauto {
  width: 80%;
}

.noton:hover {
  /* box-shadow: 0 2px 2px 0 rgb(24 144 255 / 80%);*/
  border: 1px solid rgb(24 144 255 / 40%);
}

.mobile-width-2 {
  height: 735px !important;
  overflow-y: scroll;
  margin: 0px auto;
  width: 410px;
  background: url(https://www.17sucai.com/static/i/ip-v.png) no-repeat;
  background-size: contain;
  padding-top: 82px;
  padding-left: 20px;
  background: url(https://shitangsys.cntdh.net/h6/6668.png) no-repeat;
  background-size: contain;
  padding-top: 57px;
  padding-left: 40px;
}

#mymobile {
  width: 330px;
  height: 647px !important;
  overflow: hidden;
  overflow-y: scroll;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

#iframe-wrap {
  height: 80vh;
  position: relative;
  top: 4px;
  z-index: 50;
}
.phoneline{

  width: 122px;
  height: 5px;
  position: absolute;
  left: 142px;
  bottom: 37px;
  background: #000c17;
  border-radius: 56px;
  z-index: 2477234;
}

.left-wrapper {
  height: 904px;
  background: #fff;
  border-right: 1px solid #dcdee2;

}

.ivu-menu {
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;
  color: #515a6e;
  font-size: 14px;
  position: relative;
  z-index: 30;
}

.marquee {
  width: 100%;
  height: 50px;
  align-items: center;
  color: #3A3A3A;
  background-color: white;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.marquee_title {
  padding: 0 20px;
  height: 21px;
  font-size: 14px;
  border-right: 1px solid #d8d8d8;
  align-items: center;
}

.marquee_box {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  overflow: hidden;
}

.marquee_list {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.marquee_top {
  transition: all 0.5s;
  margin-top: -30px
}

.marquee_list li {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  padding-left: 40px;
}

.marquee_list li span {
  padding: 0 2px;
}
.codeEditBox{
  width:100%;
  height:600px;
  border:1px solid #dcdee2;
}

.diy-wrapper .content .dragArea.list-group .mConfig-item {
  position: relative;
  cursor: move;
}

.paddingBox {
  padding: 0 5px 5px;
}


.home_product .hd_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  padding: 0 5px;
}

.home_product .hd_nav .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25%;
}


.home_product .hd_nav .item .title {
  font-size: 16px;
  color: #282828;
  width: 65px;
  text-align: center;
}

.home_product .hd_nav .item .label {
  width: 62px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: transparent;
  border-radius: 8px;
  color: #999;
  font-size: 12px;
}

.home_product .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.home_product .list-wrapper .item {
  width: 153px;
  margin-bottom: 10px;
}

.home_product .list-wrapper .item .img-box {
  position: relative;
  width: 100%;
  height: 153px;
}

.empty-box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f3f5f7;

}

.empty-box .iconfont-diy {
  color: #bbbfc8;
  font-size: 30px;
}

.home_product .list-wrapper .item .info {
  padding: 7px 10px;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
}

.home_product .list-wrapper .item .info .title {
  font-size: 14px;
  color: #282828;
}

.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home_product .list-wrapper .item .info .old-price {
  color: #aaa;
  font-size: 13px;
  text-decoration: line-through;
}

.home_product .list-wrapper .item .info .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home_product .list-wrapper .item .info .price .num {
  font-size: 16px;
  font-weight: bold;
}

.home_product .list-wrapper .item .info .price .label {
  width: 16px;
  height: 18px;
  margin-left: 5px;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
}

.home_product .list-wrapper .item .img-box .label {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 22px;
  border-radius: 10px 0px 10px 0px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 22px;
}


.mylabel {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 22px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  background: #000;
  line-height: 22px;
}

.mylabelvip {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 22px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: rgb(45,183,245);
  line-height: 22px;
}


.mobile-page .bg {
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#f62c2c), to(#f96e29));
  background: linear-gradient(90deg, #f62c2c 0%, #f96e29 100%);
}

.mobile-page .banner {
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
  width: 100%;
  margin-top: -48px;
}

.mobile-page .banner img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.content img {
  display: block;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.number {
  font-size: 30px;
  font-size: 30px;

  position: absolute;
  bottom: 16px;
}

.dot .num {
  width: 25px;
  height: 18px;
  line-height: 18px;
  background-color: #000;
  color: #fff;
  opacity: 0.3;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
}
.dot.line-dot {
  bottom: 20px;
}

.dot {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dot.line-dot .line_dot-item {
  width: 12px;
  height: 4px;
  background: #aaa;
  margin: 0 3px;
}


.dot.line-dot .line_dot-item-round {
  width: 12px;
  height: 4px;
  background: #aaa;
  border-radius: 11px;
  margin: 0 3px;
}


.dot .dot-item {
  width: 8px;
  height: 8px;
  background: #aaa;
  border-radius: 50%;
  margin: 0 3px;
}

.ivu-tree>>>ul {
  line-height: 0px;
  position: relative;
}

.seckill-box {
  width: 100%;
  padding: 10px;

  line-height: 18px;
  border-radius: 10px;
}


.seckill-box .hd .left,
.seckill-box .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.seckill-box .hd {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seckill-box .hd .left,
.seckill-box .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.seckill-box .hd .left img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 50%;
}

.content img {
  display: block;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}


.seckill-box .hd .left p {
  font-size: 16px;
  color: #282828;
  font-weight: 600;
}

.seckill-box .hd .left .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  color: #f44;
}

.seckill-box .hd .left .time span {
  width: 20px;
  height: 16px;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}

.seckill-box .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  overflow: hidden;
}

.seckill-box .list-wrapper .list-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 110px;
  background-color: #fff;
}

.seckill-box .list-wrapper .list-item .img-box {
  position: relative;
  width: 100%;
  height: 110px;
}



.seckill-box .list-wrapper .list-item .img-box .discount {
  position: absolute;
  left: 8px;
  bottom: 8px;
  height: 18px;
  padding: 0 3px;
  line-height: 18px;
  background: #fff;
  border-radius: 2px;
  font-size: 12px;
}


.seckill-box .list-wrapper .list-item .title {
  margin-top: 5px;
  font-size: 13px;
  color: #282828;
  padding: 0 3px;
}

.seckill-box .list-wrapper .list-item .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 3px;
}

.seckill-box .list-wrapper .list-item .price .label {
  font-size: 9px;
  width: 16px;
  height: 16px;
  color: #fff;
  text-align: center;
  line-height: 16px;
}

.seckill-box .list-wrapper .list-item .price .num-label {
  color: #f44;
  font-size: 12px;
  font-weight: 600;
  margin: 1px 2px 0;
}

.seckill-box .list-wrapper .list-item .price .num {
  color: #f44;
  font-size: 16px;
  font-weight: 600;
}


.home_pink {
  padding: 10px 12px;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  line-height: 18px;
}
.home_pink .title-wrapper .left, .home_pink .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home_pink .title-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home_pink .title-wrapper .left, .home_pink .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home_pink .title-wrapper .left .icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.content img {
  display: block;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.home_pink .title-wrapper .left span {
  margin-left: 5px;
  font-size: 16px;

}
.home_pink .title-wrapper .left .avatar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 14px;
}
.home_pink .title-wrapper .left .avatar-wrapper img {
  width: 15px;
  height: 15px;
  margin-left: -5px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.home_pink .title-wrapper .left .num {
  margin-left: 3px;
  color: #999;
  font-size: 13px;
}
.home_pink .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  overflow: hidden;
}

.home_pink .list-wrapper .item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 110px;
  background: #fff;
  border-radius: 8px;
}

.home_pink .list-wrapper .item .img-box {
  position: relative;
  width: 100%;
  height: 110px;
}

.home_pink .list-wrapper .item .img-box .num {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 70px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 6%);
  box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 6%);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
}


.home_pink .list-wrapper .item .info {
  padding: 5px 7px;
}

.home_pink .list-wrapper .item .info .title {
  font-size: 12px;
  color: #282828;
}
.line1, .line2 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.home_pink .list-wrapper .item .info .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home_pink .list-wrapper .item .info .price .label {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  margin-right: 3px;
  font-size: 9px;
  font-weight: 400;
  text-shadow: 1px 1px 4px rgb(0 0 0 / 6%);
  color: #f44;
}
.home_pink .list-wrapper .item .info .price .num {
  color: #f44;
  font-size: 16px;
  font-weight: 700;
}

.home_pink .list-wrapper .item .info .price .num span {
  font-size: 12px;
}
.home_pink .list-wrapper .item .btn {
  width: 110px;
  height: 24px;
  -webkit-box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 6%);
  box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 6%);
  border-radius: 0 0 8px 8px;
  text-align: center;
  line-height: 24px;
  color: #fff;
}


/deep/.ivu-icon-ios-arrow-forward:before {
  content: '\F341' !important;
  font-size: 20px;
  line-height: 12px;
}
/deep/.ivu-tree ul li {
  list-style: none;
  margin: 6px 0;
  padding: 0;
  white-space: nowrap;
  outline: none;
}
</style>
